@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Montserrat:400,500,600,700&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap'); */
/* @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


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

@font-face {
  font-family: "source-sans-pro";
  src: 
    url("https://1664077.fs1.hubspotusercontent-na1.net/hubfs/1664077/ecoPortal_2020_website_fonts/source-sans-pro-v14-latin-regular.eot") format("embedded-opentype"),
    url("https://1664077.fs1.hubspotusercontent-na1.net/hubfs/1664077/ecoPortal_2020_website_fonts/source-sans-pro-v14-latin-regular.woff2") format("woff2"),
    url("https://1664077.fs1.hubspotusercontent-na1.net/hubfs/1664077/ecoPortal_2020_website_fonts/source-sans-pro-v14-latin-regular.woff") format("woff"),
    url("https://1664077.fs1.hubspotusercontent-na1.net/hubfs/1664077/ecoPortal_2020_website_fonts/source-sans-pro-v14-latin-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */



/*****************************************/
/* Start your style declarations here    */
/*****************************************/


body * {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p {
  color: #454545;
}

.body-container.container-fluid {
  padding: 0;
}

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: ;
  margin: 0 auto;
}

/************ CSS HELPERS *******/

.eP-primary-header {
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 40px;
}

.eP-primary-header-large {
  font-size: 60px;
  font-weight: bold;
  text-align: center;
}

.eP-secondary-header {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 2rem;
  text-align: center;
  color: #454545;
  z-index: 100;
  position: relative;
  padding-bottom: 1.5rem;
}

.eP-text-general {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #454545;
}

@media only screen and (max-width: 767px) {
  .eP-secondary-header {
    width: 95%;
    font-size: 28px;
    margin-top: 1rem;
    padding-bottom: .5rem;
    margin: 0 auto;
  }   
  
  .eP-primary-header-large {
    font-size: 32px;  
    margin-left: 0;
  }
  
  .eP-text-general {
    width: 100%;
    font-size: 18px;
    padding-top: 1rem;
    color: #454545;
    line-height: 1.5;
  }  
}  

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .eP-secondary-header {
    font-size: 28px;
    padding-bottom: 0;
  }  
  
  .eP-text-general {
    font-size: 20px;
    line-height: 1.5;
  } 
}

@media only screen and (max-width: 1199px) {
  .eP-primary-header-large {
    font-size: 40px;  
  }
}


/*ecoPortal Home page*/

/************ MAIN MENU/NAVIGATION ************/

.logo-background {
    position: absolute;
    top: 0;
    left: 0;
}

.logo-mobile-container {
  display: none;
  }

.top-container {
  display: flex;
  display: -webkit-flex;
}

.navbar {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-pack: justify;
}

.navbar-brand {
  position: relative;
  display: inline-block;
}
    
.white-logo {
  position: relative;
  width: 190px;
  margin-top: 0.5rem;
}

.HeaderNavigation2021.dark-background div .navbar-brand .logo-dark-image {
  display: none;
}

.white-background-logo {
  position: relative;
/*   max-width: 12rem; */
  margin-top: 0.5rem;
  height: auto;
}

div .navbar-brand {
    display: inline-block;
    line-height: inherit;
    white-space: nowrap;
}

.navbar.navbar-expand-lg {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

.navbar-nav.align-items-sm-start {
    margin: 0 auto;
    padding-left: 8rem;
}


.nav-link {
  display: flex;
  line-height: 1.2;
  display: -webkit-flex;
}

nav.navbar-light .navbar-nav .nav-link {
    color: #454545;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.5s;
}


button.navbar-toggler {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    z-index: 1000;
    margin: 5px 0 5px 15px;
    padding: 0.5rem 0 0.75rem 0.2rem;
    font-size: 1.3rem;
    line-height: 1;
  
}

button.navbar-toggler.collapsed {
    padding: 0.5rem 0 0.75rem 0.2rem;
}

span.fa.fa-chevron-down {
  font-size: 12px;
}

.nav-item .fa-chevron-down {
    transition: transform 0.5s;
}

.nav-item.show .fa-chevron-down {
  transform: rotate(-180deg);
}



nav.navbar-light .navbar-toggler {
  outline: none;
}

 .navbar-light .navbar-toggler {
    border: 2px solid #e7e7e7;  
  }

ul.dropdown-menu {
  border: none;
  padding: 0;
  margin: 0 0 0 10px;
  }

a.dropdown-item {
    padding: .5rem 1rem;
  }

a.dropdown-item: focus, a.dropdown-item:hover {
  color: #54a759;
  background-color: #e9f4e8;
}

.navbar-nav {
  padding-bottom: 10px;
}

.header-buttons {
  display: flex;
  margin-left: auto;
  display: -webkit-flex;
}

li.dropdown-submenu {
  margin-left: 15px;
}

.dropdown-submenu-container li {
    list-style-type: none; 
    padding: 0 0 0.5rem 0.5rem;
}

a.dropdown-item-submenu:hover {
  text-decoration: none;
  color: #54a759;
  background-color: #e9f4e8;
}

ul.dropdown-submenu-container {
  border-left: 2px solid #54a759;
  border-radius: unset;
  margin-left: 1rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

a.dropdown-item-submenu {
    font-size: 15px;
    color: rgb(94,169,76);
    padding: .5rem 2px;
}

li.dropdown-submenu {
  margin-left: 15px;
}

.dropdown-submenu-container li {
    list-style-type: none; 
    padding: 0 0 0.5rem 0.5rem;
}

a.dropdown-item-submenu:hover {
  text-decoration: none;
  color: #54a759;
  background-color: #e9f4e8;
}

ul.dropdown-submenu-container {
  border-left: 2px solid #54a759;
  border-radius: unset;
  margin-left: 1rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

a.dropdown-item-submenu {
    font-size: 15px;
    color: rgb(94,169,76);
    padding: .5rem 2px;
}

@media only screen and (min-width: 480px) and (max-width: 539px) {
   img.logo-mobile {  
      top: 2vw;
      left: 34%;
  }
}

@media only screen and (min-width: 540px) and (max-width: 649px) {
   img.logo-mobile {  
      top: 2vw;
      left: 34%;
      width: 30%;
  }
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
   img.logo-mobile {  
      top: 1vw;
      left: 34%;
      width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav-mobile-background {
   background-image: linear-gradient(90deg,#289c94,#54a759);
   margin-left: -15px;
   margin-right: -15px;
  }
  
  img.logo-background {
    display: none;
  }
  
  .logo-mobile-container {
    display: block;
    z-index: 100;
  }
  
  .logo-mobile-container a {
    position: inherit;
  }
    
  .logo-mobile {
    display: block;
    position: absolute;
    top: 4vw;
    left: 34%;
    z-index: 100;
    width: 35%;
  }
  
   nav.navbar {
      padding: 0;
  }
    
  .navbar-collapse {
    overflow: hidden;
    transition: none 0s ease 0s;
  }
  
  .navbar-collapse.collapsing {
    background-color: #fff;
  }
  
  .navbar-collapse.collapse.show {
    background-color: #fff;
  }
 
 .navbar-nav {
   padding-top: 0;
  }
  
    
  .navbar-light .navbar-toggler {
    border: 2px solid #ffffff;  
  }   
    
  ul.dropdown-menu {
  border-left: 2px solid #54a759;
  border-radius: unset;
  }
  
  .dropdown-item {
    padding: 0.5rem 1rem;
  }
  
  .navbar-light [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .navbar-light [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .navbar-light button.navbar-toggler[aria-expanded="false"] {
    border-color: rgba(255, 255, 255, 1);
  }
  
  nav.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 1);
  }
  
  .get-a-demo-menu {
    margin-top: 1rem !important; 
  }
  
  ul.navbar-nav.align-items-sm-start {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .navbar-nav {
   padding-top: 3rem;
   margin-top: 1rem;
   padding-bottom: 1rem;
  }
  
  .nav-link {
  display: flex;
  line-height: 1.2; 
  display: -webkit-flex;
  }
  
  ul.dropdown-item {
    padding: 0.5rem 1rem;
  }
  
  .navbar-collapse {
  margin-bottom: -2rem;
  }
  
  .navbar-nav {
   margin-top: 1rem;
  }
  
    
  button.navbar-toggler {
    height: 49px;
  }
  
  ul.dropdown-menu {
  border-left: 2px solid #54a759;
  border-radius: unset;
  }
  
  .navbar-light [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, .5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .navbar-light [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, .5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  ul.navbar-nav.align-items-sm-start.nav-without-logo-background {
    margin-top: -3rem;
  }
  
  .header-buttons.nav-without-logo-background {
    padding-bottom: 3rem;
  }
  
  ul.navbar-nav.navbar-without-background {
    padding-top: 0;
  } 
}

@media only screen and (min-width: 300px) and (max-width: 991px) {
  .header-buttons {
    display: block;
    margin-bottom: 2rem;
  }
  
 .logo-background {
    position: absolute;
    top: -35px;
    left: 0;
  } 
  
  .nav-mobile-background .nav-link {
    outline: none;
  }
    
  ul.navbar-nav  {
    padding-bottom: 0;
  }
  
  .navbar-nav.align-items-sm-start {
    padding-left: 0;
    margin-top: 2rem;
  }
  
  .nav-item {
    padding: 5px 0;
  }
  
  .navbar-collapse {
    padding-left: 1rem;
  }
  
  .navbar-light .navbar-nav li.show>.nav-link {
    color: #54a759;
  }
  
  .login-button-menu {
    height: 30px !important;
    width: 60px !important;
    line-height: 30px !important;
    margin-top: 1.2rem !important; 
  }
  
  .login-button-menu span {
    font-size: 16px;
    border: 2px solid #5ea94c;
    padding: 9px 31px;
    border-radius: 3px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-nav.align-items-sm-start {
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 992px) {
  
  .navbar-nav {
  border-bottom: none;
}
  
  ul.dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s,max-height .3s,top .3s,visibility .3s;
  border: none;
  padding: 0;
  margin-top: 15px;
  left: -5px;
  box-shadow: -3px 0px 20px rgba(0,0,0,0.1);
  border-radius: 5px;
  }

ul.dropdown-menu.show {
    opacity: 1;
    overflow-y: auto;
    overflow-x: hidden;
    visibility: visible;
    transition: opacity .3s .1s,max-height .3s .1s,top .3s .1s,visibility .3s .1s;
}
.navbar-nav ul.dropdown-menu {
  position: absolute;
}
  
nav.navbar-light .navbar-nav:hover .nav-link {
  color: #454545;
}

nav.navbar-light .navbar-nav .nav-link:hover,  nav.navbar-light .nav-item.show .nav-link {
  color: #54a759;
}
  
nav.navbar-light .navbar-nav .nav-link {
    transition: color 0.5s;
}
  
  .navbar-nav {
    padding-top: 0.5rem;
  }
  
  .navbar-collapse {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1140px) {
  .nav-item {
    padding: 0 10px; 
  }
}


@media only screen and (min-width: 992px) and (max-width: 1039px) {
  
  .get-a-demo-menu {
    height: 30px !important;
    width: 90px !important;
    line-height: 30px !important;
  }
  
  .get-a-demo-menu span {
    font-size: 13px !important;
  }
  
  .login-button-menu {
    height: 30px !important;
    width: 60px !important;
    line-height: 30px !important;
  }
  
  .login-button-menu span {
   font-size: 13px !important;  
  }
  
  .logo-background {
    top: -25px;
    left: -20px;
  }
  
  .navbar-nav.align-items-sm-start {
    padding-left: 4rem;
  } 
  
  .header-buttons {
    margin-top: -0.5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1210px) {
  nav.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
  }
  
  ul.navbar-nav.align-items-sm-start {
    padding-left: 5rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .logo-background {
      top: -35px;
      left: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .logo-background {
      top: -15px;
      left: 0;
  }
}

@media only screen and (min-width: 1800px) {
    nav.navbar-light .navbar-nav .nav-link {
    font-size: 20px;
  }
}
  
@media only screen and (min-width: 2000px) {
  .navbar-nav.align-items-sm-start {
    padding-left: 15rem;
  }
}


/************ MAIN MENU/NAVIGATION 2021 ************/

.HeaderNavigation2021 .logo-mobile-container {
  display: none;
}

.HeaderNavigation2021 {
  z-index: 1100;
  position: relative;
}

.HeaderNavigation2021 .top-container {
  display: flex;
  display: -webkit-flex;
}

.HeaderNavigation2021 .navbar {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-pack: justify;
}

.HeaderNavigation2021 .navbar-brand {
  position: relative;
  display: inline-block;
}
    
.HeaderNavigation2021 .logo-image {
  position: relative;
  max-width: 182px;
}

.HeaderNavigation2021 div .navbar-brand {
  display: inline-block;
  line-height: inherit;
  white-space: nowrap;
}

.HeaderNavigation2021 a.navbar-brand:focus {
  outline: none;
}

.HeaderNavigation2021 .navbar.navbar-expand-lg {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.HeaderNavigation2021 .navbar-expand-lg .navbar-nav {
  margin: 0 auto;
  padding-left: 10rem!important;
}

.HeaderNavigation2021 .nav-link {
  display: flex;
  line-height: 1.2;
  display: -webkit-flex;
}

.HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link {
  color: #323741;
  font-size: 17px;
  font-weight: 600;
  transition: color .5s;
}

.HeaderNavigation2021 nav.navbar-light .navbar-nav .dark-background .nav-link {
  color: #fff;
}  

.HeaderNavigation2021 nav.navbar-light .navbar-nav li.nav-item.dropdown.show .nav-link {
  color: #53c351;
}  

.HeaderNavigation2021 button.navbar-toggler {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  z-index: 1000;
  margin: 5px 0 5px 15px;
  padding: 0.5rem 0 0.75rem 0.2rem;
  font-size: 1.3rem;
  line-height: 1;
  border-color: transparent!important;
}

.HeaderNavigation2021 button.navbar-toggler.collapsed {
  padding: 0.5rem 0 0.75rem 0.2rem;
}

.HeaderNavigation2021 nav.navbar-light .navbar-toggler {
  outline: none;
}

.HeaderNavigation2021 a.dropdown-item-level1 {
  padding: .5rem 1rem;
  font-size: 16px;
  font-weight: 500;
}

.HeaderNavigation2021 .dropdown-submenu:focus, .HeaderNavigation2021 .dropdown-submenu:hover,
.HeaderNavigation2021 .dropdown-item-level:focus, .HeaderNavigation2021 .dropdown-item-level1:hover {
  background-color: transparent;
  transition: background .5s;
}

.HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list li.dropdown-item-level1 ul.dropdown-submenu-container li a:hover,
.HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list li.dropdown-item-level1 ul.dropdown-submenu-container li a:focus.HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:hover, .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:focus,
.HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:hover, .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:focus {
  outline: none;
}

.HeaderNavigation2021 .navbar-nav {
  padding-bottom: 10px;
}

.HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link, .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link span {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.015em;
}

.HeaderNavigation2021 .header-buttons {
  display: flex;
  margin-left: auto;
  display: -webkit-flex;
}

.HeaderNavigation2021 li.dropdown-item-level1 span {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 0;
  border-bottom: 1px solid #C4D6E8;
  display: block;
  margin-bottom: 1rem;
  min-height: 2rem;
  color: #0A2540;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
}

.HeaderNavigation2021 .dropdown-submenu-container li {
  list-style-type: none; 
  padding: 0 0 .3rem 0;
}

.HeaderNavigation2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34:hover,
.HeaderNavigation2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34:focus,
.HeaderNavigation2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34:active {
  color: #4b4c4c;
}

@media only screen and (min-width: 480px) and (max-width: 539px) {
   .HeaderNavigation2021 img.logo-mobile {  
    top: 2vw;
    left: 34%;
  }
}

@media only screen and (min-width: 540px) and (max-width: 649px) {
   .HeaderNavigation2021 img.logo-mobile {  
    top: 2vw;
    left: 34%;
    width: 30%;
  }
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
   .HeaderNavigation2021 img.logo-mobile {  
    top: 1vw;
    left: 34%;
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .HeaderNavigation2021 .nav-mobile-background {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #182633;
    background-image: none;
  }
  
  .HeaderNavigation2021 img.logo-background {
    display: none;
  }
  
  .HeaderNavigation2021 .logo-mobile-container {
    display: block;
    z-index: 100;
  }
  
  .HeaderNavigation2021 .logo-mobile-container a {
    position: inherit;
  }
    
  .HeaderNavigation2021 .logo-mobile {
    display: block;
    position: absolute;
    top: 4vw;
    left: 34%;
    z-index: 100;
    width: 35%;
  }
  
  .HeaderNavigation2021 button.navbar-toggler {
    margin: 5px 0 5px;
  }
   
  .HeaderNavigation2021 ul.dropdown-menu.show {
    width: 110%;
  }

  .HeaderNavigation2021 .navbar-light [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .HeaderNavigation2021 .navbar-light [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .HeaderNavigation2021 .HeaderNavigation2021 .navbar-light button.navbar-toggler[aria-expanded="false"] {
    border-color: rgba(255, 255, 255, 1);
  }
}

@media only screen and (min-width: 768px) {
  .HeaderNavigation2021 .navbar-nav {
    padding-top: 3rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .HeaderNavigation2021 .nav-link {
    display: flex;
    line-height: 1.2; 
  }

  .HeaderNavigation2021 ul.dropdown-item-level1 {
    padding: 0.5rem 1rem;
  }
  
  .HeaderNavigation2021 .navbar-collapse {
    margin-bottom: -2rem;
  }
  
  .HeaderNavigation2021 .navbar-nav {
    margin-top: 1rem;
  }
     
  .HeaderNavigation2021 button.navbar-toggler {
    height: 49px;
  }

  .HeaderNavigation2021 .navbar-light [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(83, 83, 83)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .HeaderNavigation2021 .navbar-light [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(83, 83, 83)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .HeaderNavigation2021.dark-background .navbar-light [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .HeaderNavigation2021.dark-background .navbar-light [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .HeaderNavigation2021 .navbar-collapse.collapse.show {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 540px) and (max-width: 991px) {
  .HeaderNavigation2021 ul.navbar-nav.align-items-sm-start.nav-without-logo-background {
    margin-top: -3rem;
  }
  
  .HeaderNavigation2021 .header-buttons.nav-without-logo-background {
    padding-bottom: 3rem;
  }
  
  .HeaderNavigation2021 ul.navbar-nav.navbar-without-background {
    padding-top: 0;
  } 
  
  .HeaderNavigation2021 .navbar-nav.align-items-sm-start {
    margin-bottom: 1rem;
  }
 
  .HeaderNavigation2021 ul.dropdown-menu.show {
    width: 100%;
  }
  
  .HeaderNavigation2021 ul.dropdown-submenu-container {
    display: flex;
    flex-wrap: wrap;
  }
  
  .HeaderNavigation2021 ul.dropdown-submenu-container li {
    margin-right: 3rem;
  }
  
  .HeaderNavigation2021 li.nav-item.dropdown, .HeaderNavigation2021 li.nav-item {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .HeaderNavigation2021 .header-buttons {
    display: flex;
    justify-content: center;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }
  
  .HeaderNavigation2021 .header-buttons div {
    margin: 1rem .5rem!important;
  }
  
  .HeaderNavigation2021 .logo-background {
    position: absolute;
    top: -35px;
    left: 0;
  } 
  
  .HeaderNavigation2021 nav.navbar {
    padding: 0;
  }
    
  .HeaderNavigation2021 .navbar-collapse {
    overflow: hidden;
    transition: unset;
    padding-left: 0;
  }
  
  .HeaderNavigation2021 .navbar-collapse.collapsing {
    background-color: #fff;
  }
  
  .HeaderNavigation2021 .navbar-collapse.collapse.show {
    background-color: #F6F9FC;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.25);
    transition: unset;
  }
 
  .HeaderNavigation2021 .navbar-nav {
    padding-top: 0;
  }
  
  .HeaderNavigation2021 ul.dropdown-submenu-container li {
    margin-bottom: .2rem;
    margin-left: 0;
  }
  
  .HeaderNavigation2021 ul.dropdown-submenu-container .dropdown-submenu-container {
    margin-bottom: 1rem;
  }
  
  .HeaderNavigation2021 li.nav-item.dropdown, .HeaderNavigation2021 li.nav-item {
    border-bottom: 1px solid #D6E3EF;
    padding: 5px 0;
  }
  
  .HeaderNavigation2021 li.nav-item.dropdown.show {
    border-bottom: none;
  }
  
  .HeaderNavigation2021 .dropdown-menu.eP-dropdown-menu.show {
    border: none;
    border-radius: 0;
    padding: 1rem 0;
  }
  
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link, 
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link.dark-background {
    color: #5D85AC;
    padding-left: 1rem;
  }
  
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link .nav-link-item {
    color: #5D85AC;
  }
  
  .HeaderNavigation2021 li.dropdown-item-level1 span {
    color: #5D85AC;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: .5rem;
    min-height: 1rem;
    font-weight: bold;
  }
  
  .HeaderNavigation2021 li.nav-item {
    margin: 5px 0;
  }
  
  .HeaderNavigation2021 ul.dropdown-submenu-container {
    border: none;
    margin: 0;
}
  
  .HeaderNavigation2021 a.dropdown-item-submenu {
    color: #53C351;
    padding: 3px 0;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: -0.015em;
  }

  .HeaderNavigation2021 ul.dropdown-menu.show {
    border-radius: 0;
    margin-left: -1rem;
    background: #fff;
    border: none;
  }
  
  .HeaderNavigation2021 .nav-item.dropdown.show .nav-link {
    padding-bottom: 1rem;
  }
  
  .HeaderNavigation2021 .dropdown-item-level1 {
    padding: 0.5rem 1rem 1rem;
  }
  
  .HeaderNavigation2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    color: #494949;
  }
  
  .HeaderNavigation2021 .navbar-expand-lg .navbar-nav {
    padding-left: 0!important;
    padding-top: 1rem;
  }
  
  .HeaderNavigation2021 .HeaderNavigation2021 nav.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 1);
  }
  
  .HeaderNavigation2021 .HeaderNavigation2021 .get-a-demo-menu {
    margin-top: 1rem !important; 
  }
  
  .HeaderNavigation2021 .HeaderNavigation2021 ul.navbar-nav.align-items-sm-start {
    margin-top: 1rem;
  }

  .HeaderNavigation2021 ul.dropdown-menu img {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .HeaderNavigation2021 {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .HeaderNavigation2021 .navbar-expand-lg {
    padding-left: 31px;
    padding-right: 31px;
  }
  
  .HeaderNavigation2021 .navbar-nav {
    padding-top: 1.5rem;
    border-bottom: none;
  }
  
 .HeaderNavigation2021 .dropdown ul li.dropdown-item-level1 {
    width: auto;
    padding: 5px;
    display: block;
/*     white-space: nowrap; */
    margin: 0 .8rem;
    min-width: 10rem;
    background-color: #fff;
  }
  
  .HeaderNavigation2021 .dropdown-menu-container {
    position: relative;
    height: .5rem;
  }
  
  .HeaderNavigation2021 .eP-dropdown-menu-list ul.dropdown-submenu-container {
    border-left: none;
    border-radius: unset;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
  
  .HeaderNavigation2021 .eP-dropdown-menu-list ul.dropdown-submenu-container li.dropdown-submenu {
    margin-left: 0;
  }
  
  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list li.dropdown-item-level1 ul.dropdown-submenu-container li a {
    width: auto;
    padding: 5px 5px 0 5px;
    display: block;
    color: #425466;
    font-size: 16px;
    font-weight: 500; 
    font-family: 'Montserrat',sans-serif;
    letter-spacing: -0.015em;
  }

  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list li.dropdown-item-level1 ul.dropdown-submenu-container li a:hover,
  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list li.dropdown-item-level1 ul.dropdown-submenu-container li a:focus.HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:hover, .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:focus,
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:hover, .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link:focus {
    color: #53c351 !important;
    background-color: transparent;
  }
  
  .HeaderNavigation2021 .dropdown-menu.eP-dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
  }
  
  .HeaderNavigation2021 .dropdown-menu.eP-dropdown-menu.show {
    padding: 0;
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.25);
    border: none;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s .1s,max-height .3s .1s,top .3s .1s,visibility .3s .1s;
  }
  
  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list {
    display: flex;
    width: max-content;
    flex-wrap: wrap;
    padding: 1.5rem 0 1rem;
    border: none;
    background: #fff;
    border-radius: 2px;
/*     transition: opacity .3s .1s,max-height .3s .1s,top .3s .1s,visibility .3s .1s; */
  }
  
  .HeaderNavigation2021 ul.dropdown-menu img {
    position: absolute;
    top: -1.3rem;
    z-index: 1000;
    left: 3rem;
  }
  
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link {
    color: #454545;
    transition: color 0.5s;
  }
  
  .HeaderNavigation2021 nav.navbar-light .navbar-nav:hover .dark-background .nav-link {
    color: #fff;
  }

  .HeaderNavigation2021 .navbar-collapse {
    margin-bottom: 0;
  }
  
  .HeaderNavigation2021 .header-buttons {
    margin-top: 1rem;
  }
  
  .HeaderNavigation2021 .header-buttons.dark-background a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    color: #fff;
  }
  
  .HeaderNavigation2021 .header-buttons.light-background a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    color: #323641;
  }
  
  .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0);
    content: '';
    width: 100%;
  }

  .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 40px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
  }
}

/* For Fixed To Top Navigation */
  
@media only screen and (min-width: 1024px) {
  .HeaderNavigation2021-fixed-top {
    margin-bottom: 5rem;
    position: relative;
  }
  
  .HeaderNavigation2021-fixed-top  .nav-fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    padding-top: 0;
    padding-bottom: 0;
  }
  
  /* ==================================================== */
  
  .HeaderNavigation2021.HeaderNavigation2021-fixed-top nav.navbar-light .navbar-nav .dark-background .nav-link,
  .HeaderNavigation2021.HeaderNavigation2021-fixed-top nav.navbar-light .navbar-nav .dark-background .nav-link:hover {
    color: #454545!important;
  }
  
  .HeaderNavigation2021.HeaderNavigation2021-fixed-top .header-buttons.dark-background a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    color: #454545;
  }

  .HeaderNavigation2021.HeaderNavigation2021-fixed-top.dark-background div .navbar-brand .logo-dark-image {
    display: inline;
  }
  
  .HeaderNavigation2021.HeaderNavigation2021-fixed-top.dark-background div .navbar-brand .logo-image {
    display: none;
  }
  
  /* ==================================================== */  
  
  .HeaderNavigation2021 .header-buttons.light-background.environmental-page.cta-nav-fixed-top a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    color: #454545;
  }
  /* ==================================================== */
}

@media only screen and (min-width: 1140px) {
  .HeaderNavigation2021 .nav-item {
    padding: 0 10px; 
  }
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
  .HeaderNavigation2021 nav.navbar.navbar-expand-lg.navbar-light.nav-mobile-background {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .HeaderNavigation2021 .navbar-brand img {
    max-width: 150px;
  }
  
  .HeaderNavigation2021 .navbar-expand-lg .navbar-nav {
    padding-left: 0!important;
  } 
  
  .HeaderNavigation2021 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1, 
  .HeaderNavigation2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    max-width: 130px;
  }
  
  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list {
    max-width: 460px;
  }
}

@media only screen and (min-width: 1300px) {
/*   .HeaderNavigation2021 {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .HeaderNavigation2021 .navbar-expand-lg {
    padding-left: 31px;
    padding-right: 31px;
  } */
  
  .HeaderNavigation2021 .dropdown-menu.show .eP-dropdown-menu-list {
    max-width: 645px;
  }
}

@media only screen and (min-width: 1440px) {
  .HeaderNavigation2021 nav.navbar-light .navbar-nav .nav-link {
    font-size: 18px;
  }
}  

@media only screen and (min-width: 1300px) and (max-width: 1439px) {
  .HeaderNavigation2021 .navbar-expand-lg .navbar-nav {
    margin: 0 auto;
    padding-left: 2rem!important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .HeaderNavigation2021 .logo-background {
    top: -15px;
    left: 0;
  }
}
  
@media only screen and (min-width: 2000px) {
  .HeaderNavigation2021 .navbar-expand-lg .navbar-nav {
    padding-left: 15rem!important;
  }
}


/********* WELCOME VIDEO ********/


.container-xl.welcome-video-section {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: 8rem;
  padding-bottom: 2rem;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
}

.text-container {
  width: 33%;
  align-self: center; 
}

.welcome-header {
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 40px;
}

.welcome-text p {
  font-size: 19px;
}

.video-container-autoplay {
    width: 480px;
    height: 480px;
    margin-top: 0rem;
    overflow: hidden;
    position: relative;
   border: 10px solid #54a759; 
    border-radius: 50%; 
    background-size: cover; 
    cursor: pointer;
  
}

.div-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -100;
}

.note-image-autoplay {
  position: absolute;
  display: block;
  width: 30%;
  bottom: 71%;
  right: 21%;
  z-index: 10;
  margin-right: 3rem;
  margin-bottom: -1rem;
}

img.top-play-button-autoplay {
  width: 20%;
}

.play-button {
  width: 20%;
  height: 20%;
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

button.play-button:focus {
  outline: none;
}

.loading .loader {
  display: none;
}

.loading .loader,
.loading .loader:after,
.loading .loader-mobile,
.loading .loader-mobile:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loading .loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 11px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loading .loader-mobile {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 7px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(40, 156, 148, 0.2);
  border-right: 1.1em solid rgba(40, 156, 148, 0.2);
  border-bottom: 1.1em solid rgba(40, 156, 148, 0.2);
  border-left: 1.1em solid #289c94;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.play-button-autoplay {
    width: 29rem;
    height: 29rem;
}

.btn-primary {
  background-color: none;
  border-color: none;
}

.modal-header {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}

div.modal-dialog {
  max-width: 72%;
}

.buttons {
  display: flex;
  margin-top: 3rem;
  position: relative;
  z-index: 1;
  display: -webkit-flex;
}


@media only screen and (min-width: 320px) and (max-width: 539px) {
  .welcome-header-mobile {
    color: #454545;
    margin: 1rem 0;
    font-weight: 700;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px){
  
  div.mobile-content {
    padding-right: 30px;
    padding-left: 30px;
  }
  
  div.play-button-mobile-autoplay img {
     width: 65%;
     margin: 0 auto;
  }

  div.book-a-demo-mobile {
    width: 70% !important;
    margin: 0 auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  
  div.hs-assessment-mobile {
    width: 70% !important;
    margin: 0 auto;
  }
  
  div.grey-dropdown {
    margin: 2.5rem 0 2rem;
  }
}


@media only screen and (max-width: 767px) {
  div.container-xl.welcome-video-section, div.container-xl.container-carousel,
  div.container-xl.home-page-text-main-containe, div.container-xl.map-container,
  div.container-xl.testimonial-container, div.container-xl.solutions-container, 
  div.container-xl.bottom-grid, h2.container-xl.bottom-header, div.container-xl.footer-container,
  div.container-xl.divider-container {
    padding: 0;
    margin: 0;
  }
  
  div.container-xl.welcome-video-section {
    padding-bottom: 0;
    margin-top: 1rem;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .mobile-content {
    padding-right: 10px;
    padding-left: 10px;
  }
  
  .welcome-image-mobile {
    margin: 0 auto;
  }
  
  .welcome-image-mobile img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  
  .text-container, .video-container-autoplay, .note-image-autoplay {
    display: none;
  }
  
 .text-container-mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

    .welcome-header-mobile {
    color: #454545;
    font-size: 32px;
    margin: 1rem 0;
    font-weight: 700;
    line-height: 1.1;
    width: 100%;
  }
  
  .welcome-text-mobile p {
    color: #454545;
    font-size: 17px;
    margin-bottom: 0.5rem;
  }
  
  .video-container-circle-background {
      display: none;
  }
  
  .play-button-mobile-autoplay {
      width: 10rem;
      height: 10rem;
      position: relative;
      margin: 0 auto;
      margin-top: 20rem;
  }

  .buttons-mobile {
     margin-top: 0.8rem;
  }
  
  .book-a-demo-mobile {
    width: 100% !important;
    background-image: linear-gradient(90deg, #289c94, #54a759) !important;
    margin-bottom: 0.5rem;
    height: 70px !important;
    font-style: normal !important;
    line-height: 70px !important;
  }
  
  .hs-assessment-mobile {
    opacity: 90%;
    margin-top: 5px;
    width: 100% !important;
  }
  
    .grey-dropdown {
    display: inline-block;
    margin: 1.5rem 0 1rem;
    width: 100%;
    text-align: center;
    opacity: 75%;
  }
}
  
@media only screen and (min-width: 768px) {
  .text-container {
    background-image: none !important;
  }
  
  .text-container-mobile {
     display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 835px) {
  .note-image-autoplay {
    width: 32%;
    left: 38%;
    bottom: 82%;
  }  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container-xl.welcome-video-section {
    margin-top: 5rem;
}
  
  .text-container {
    padding-right: 1rem;
    width: 44%;
  }

  .welcome-text p {
    font-size: 16px;
    display: block;
    padding-bottom: 0.5rem;
  }
  
  .welcome-header {
    font-size: 40px;
    display: block;
  }
  
  .video-container-autoplay {
    width: 380px;
    height: 380px;
  }
  
  .buttons {
    margin-top: 1rem;
  }
  
  
  img.top-play-button-autoplay {
    width: 20%;
}
  
  .play-button-autoplay {
    width: 23rem;
    height: 23rem;
  }
  
   .buttons .book-a-demo {
    height: 45px !important;
    width: 140px !important;
    line-height: 1.6em !important;
  }
  
  .buttons a.self-assessment-btn {
    width: 136px !important;
    line-height: 1.4em !important;
    margin-left: 15px !important;
    height: 42px !important;
  }
  
   .buttons .book-a-demo span {
     font-size: 11px !important;
  }
  
  .buttons .self-assessment-btn span {  
    font-size: 11px !important;
  }
}

@media only screen and (min-width: 540px) and (max-width: 1199px) {
    div.modal-dialog {
       max-width: 85%;
  }
}

@media only screen and (min-width: 870px) and (max-width: 991px) {
  .note-image-autoplay {
    left: 45%;
    width: 30%;
    bottom: 80%;
   }
}


@media only screen and (min-width: 992px) and (max-width: 1119px) {
  .note-image-autoplay {
    right: 25%;
    bottom: 70%;
   }
}

@media only screen and (min-width: 1024px) and (max-width: 1079px) {
  img.note-image-autoplay {
    width: 28%;
    bottom: 71%;
    right: 19%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1780px) {
  
  .container-xl.welcome-video-section {
    margin-top: 3rem;
  }
 
  .text-container {
    width: 44%;
  }
  
  .welcome-text p {
    font-size: 18px;
  }
  
  .video-container-autoplay {
    width: 430px;
    height: 430px;
  }
  
  .play-button-autoplay {
    width: 26rem;
    height: 26rem;
  }
  
  .note-image-autoplay {
    width: 27%;
    bottom: 70%;
    right: 18%;
  }
}


/********* LOGO-CAROUSEL ********/

 .background-carousel {
  position: relative;
}

.container-xl.container-carousel {
    z-index: 1000;
    position: relative;
}

.orange-image {
    position: absolute;
    display: block;
    top: 90%;
    right: 48%;
    z-index: 100;
    width: 33px;
}

.logo-carousel-header {
    font-weight: 600;
    font-size: 34px;
    text-align: center;
    font-style: oblique;
}

.owl-item {
   display: inline-block;
   vertical-align: middle;
   float: unset;
}

.owl-carousel div.owl-item {
   float: unset;
}
   
.brands {
    width: 100%;
    padding-top: 1rem;
 }

 .brands_slider_container {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #fff;
    box-shadow: 0px 15px 50px rgba(0,0,0,0.1);
    padding-left: 75px;
    padding-right: 75px;
    position: relative;
    display: -webkit-flex;
    align-items: center;
    min-height: 80px;
 }

 .brands_slider {
   height: 100%;
   margin: 5px 0;
 }

 .brands_item {
     height: 100%;
 }

 .brands_item img {
     height: 100%
 }

 .brands_nav {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 5px;
     cursor: pointer;
 }

 .brands_nav i {
     color: #e5e5e5;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .brands_nav:hover i {
     color: #676767;
 }

 .brands_prev {
     left: 20px;
 }

 .brands_next {
     right: 20px;
 }


@media only screen and (max-width: 767px){
  
  .container, .container-sm {
    max-width: 780px !important;
}
  

  .orange-image {
    display: none;
  }
  
  .brands_slider_container {
    border-radius: 0 !important;
    padding-left: 0; 
    padding-right: 0;
  }
  
  div.brands_slider {
    height: 100%;
    margin: 10px 0;
}
  
  .brands {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
 
  .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  
  .brands_nav {
    display: none;
  }
  
 
  .logo-carousel-header {
    display: none;
  }
  
   .brands_slider_container {
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .logo-carousel-header {
    font-size: 21px;
  }
}


/* Logo Carousel Section 2020 for AU page */

.background-carousel.image .logod-inside-container {
  width: 10rem;
}

.background-carousel.image .container-xl.container-carousel {
  margin-top: 1.5rem;
}

.background-carousel.image .brands_slider_container {
  padding-left: 0;
  padding-right: 0;
  justify-content: space-around;
}

.background-carousel.image .brands_item img {
  margin: 0 1.3rem;
  max-width: 145px;
}

@media only screen and (max-width: 579px){
 .background-carousel.image .brands_slider_container-wrapper {
   width: 330px; 
  }
  
 .background-carousel.image .brands_item img {
   margin: .2rem .5rem;
   max-width: 90px;
  }
}

@media only screen and (min-width: 580px) and (max-width: 767px){
 .background-carousel.image .brands_item img {
   margin: 0 .5rem;
   max-width: 75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
 .background-carousel.image .brands_item img {
   margin: 0 .8rem;
   max-width: 93px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px){
 .background-carousel.image .brands_item img {
   margin: 0 1.2rem;
   max-width: 110px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
 .background-carousel.image .brands_item img {
   max-width: 125px;
   margin: 0 1.2rem;
  }
}

/* Bootstrap Logo Carousel One Line For Mobile */

.carousel-header.bootstrap-logo-slider {
  margin-top: 3rem;
  font-weight: 600;
  font-size: 34px;
  text-align: center;
  font-style: italic;
}

.logo-carousel-slider.desktop {
  height: 205px;
  margin-bottom: -1.5rem;
}

.logo-carousel-slider.desktop .carousel-item {
  margin-top: 1rem;
}

.logo-carousel-slider.desktop .carousel-item .images-container, .logo-carousel-slider.mobile .carousel-item .images-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.logo-carousel-slider.desktop .carousel-item img {
  max-height: 53px;
  margin: 0 2rem;
}

.logo-carousel-slider.desktop .carousel-indicators {
  bottom: 90px;
}

.logo-carousel-slider.desktop .carousel-indicators li, .logo-carousel-slider.mobile .carousel-indicators li {
  width: 10px;
  height: 10px;
  background: #666666;
  border-radius: 50%;
  box-sizing: border-box;
  border-top: none;
  border-bottom: none;
  opacity: 0.3;
}

.logo-carousel-slider.desktop .carousel-indicators .active, .logo-carousel-slider.mobile .carousel-indicators .active {
  opacity: 1;
}

@media only screen and (max-width: 359px) {
  .logo-carousel-slider.mobile {
    height: 70px;
  }

  .logo-carousel-slider.mobile .carousel-item img {
    max-height: 32px;
    margin: 0 1rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
  .logo-carousel-slider.mobile {
    height: 87px;
  }
  
  .logo-carousel-slider.mobile .carousel-item img {
    max-height: 38px;
    margin: 0 1rem;
  }
}

@media only screen and (min-width: 375px) and (max-width: 479px) {
  .logo-carousel-slider.mobile {
    height: 90px;
  }
  
  .logo-carousel-slider.mobile .carousel-item img {
    max-height: 42px;
    margin: 0 1rem;
  }
}

@media only screen and (max-width: 479px) {
  .logo-carousel-slider.mobile .carousel-indicators li {
    width: 8px;
    height: 8px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 579px) {
  .logo-carousel-slider.mobile {
    height: 100px;
  }
  
  .logo-carousel-slider.mobile .carousel-item img {
    max-height: 50px;
    margin: 0 1.5rem;
  }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
  .logo-carousel-slider.mobile {
    height: 110px;
  }
  
  .logo-carousel-slider.mobile .carousel-item img {
    max-height: 60px;
    margin: 0 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-header.bootstrap-logo-slider {
    display: none;
  }
  
  .logo-carousel-slider.mobile {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }
  
  .logo-carousel-slider.mobile .carousel-inner.container-xl {
    margin: 1rem 0;
  }
  
  .logo-carousel-slider.mobile .carousel-item {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-header.bootstrap-logo-slider {
    font-size: 24px;
  }
  
  .logo-carousel-slider.desktop {
    height: 255px;
    margin-bottom: -1.5rem;
  }
  
  .logo-carousel-slider.desktop .carousel-item img {
    max-height: 50px;
    margin: .2rem 3rem;
  }
  
  .logo-carousel-slider.desktop .carousel-indicators {
    bottom: 87px;
  }
}

/******** HOME PAGE TEXT MODULE GREEN BACKGROUND ********/

.home-page-text-background-2, .home-page-text-background-2 .container-xl, .home-page-text-container {
  display: flex;
  width: 100%;
}

.home-page-text-background-2 {
    min-height: 38rem;
    background-size: cover;
    margin-top: -5rem;
    background-position: center;
    height: 38rem;
    z-index: 100;
    position: relative;
}

.home-page-text-container {
  flex-direction: column;
  justify-content: center;
}

.home-page-text-container p {
  width: 90%;
  text-align: center;
  font-size: 24px;
  margin: 0 auto;
  padding-top: 2rem;
  color: #fff;
}

.home-page-text-container h2 {
    padding: 1rem 0 0;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
}

.image-line {
   width: 50%;
}

.image-line-center-align {
  margin: 0 auto;
}


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

  div.home-page-text-background-2 {
    margin: 0;
    z-index: 1;
    padding-top: 2rem;
    background-image: none !important;
    min-height: 0;
    background-color: #eee;
    margin-top: 0.5rem;
    height: unset;
  }
  
  div.home-page-text-container {
    margin: 0;
  }
  .home-page-text-container h2 {
    width: 95%;
    font-size: 28px;
    margin-top: 1rem;
    padding: 0;
    color: #454545;
    margin: 0 auto;
  }
  
  .home-page-text-container p {
      width: 90%;
      font-size: 18px;
      padding-top: 1rem;
      color: #454545;
  }
  
  .home-page-text {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  
  .home-page-text-background-2 {
    min-height: 26rem;
    margin-top: -4rem;
    height: 26rem;
  }
  
  .home-page-text-container p {
    font-size: 20px;
    padding-top: 1rem;
  }
  
  .home-page-text-container h2 {
    font-size: 28px;
    padding-top: 1rem;
  }
    
  .home-page-text-container {
    margin: 7rem auto 3rem;
  }
  
  .home-page-text {
    padding-bottom: 3rem;
  }
}

/* Organization Logos Section */

.OrganizationLogosSection {
  padding: 5rem 0;
}

.OrganizationLogosSection .logos-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  grid-column-gap: 8rem;
  grid-row-gap: 1rem;
  padding: 2rem 0 5rem;
  border-bottom: 0px solid #5D85AC;
  justify-items: center;
  
}

.OrganizationLogosSection .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 173px;
}

.OrganizationLogosSection .logo-image {
  max-width: 100%;
}


@media only screen and (max-width: 767px) {
  .OrganizationLogosSection .logos-container {
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    grid-column-gap: 2rem;
  }
  
  .OrganizationLogosSection .image-container {
    max-width: 100px;
    margin-bottom: .5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .OrganizationLogosSection .logos-container {
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    grid-column-gap: 6rem;
  }
  
  .OrganizationLogosSection .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
  }
}

/********* INTERACTIVE MAP *******/

.map-header {
    text-align: center;
    margin: 3rem 0 1rem;
    line-height: 1.3;
}

h2.map-header {
  font-size: 40px;
  font-weight: 600;
}

.map-sub-header {
  text-align: center;
  font-size: 20px;
  margin-bottom: 3rem;
}

.map-respons {
  height: 750px;
  width: 100%;
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
  .map-container h2.map-header {
     margin: 2rem 1rem 1rem;
  }
  
  iframe.map-respons {
    height: 155vw;
  }
}

@media only screen and (min-width: 520px) and (max-width: 539px) {
  .map-container h2.map-header {
     margin: 2rem 1rem 1rem;
  }
  
  iframe.map-respons {
    height: 650px;
  }
}

@media only screen and (max-width: 540px) {
   .map-container h3.map-sub-header {
    font-size: 18px;
    margin: 0 auto 2rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
    iframe.map-respons {
    height: 650px;
  }
}

@media only screen and (max-width: 767px) {
 
 h2.map-header {
    font-size: 28px;
  }
    
  h3.map-sub-header {
    font-size: 18px;
    width: 90%;
    margin: 0 auto 3rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 789px) {
.map-respons {
    height: 560px;
  }
}

@media only screen and (min-width: 790px) and (max-width: 839px) {
.map-respons {
    height: 580px;
  }
}

@media only screen and (min-width: 840px) and (max-width: 879px) {
  .map-respons {
      height: 620px;
  }
}


@media only screen and (min-width: 880px) and (max-width: 991px) {
  .map-respons {
      height: 660px;
  }
}

@media only screen and (max-width: 991px) {
  h2.map-header {
    margin: 2rem 1rem 1rem;
    line-height: 1.2;
    font-size: 28px;
  }
  
  .map-sub-header {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1049px) {
  .map-respons {
      height: 685px;
  }
}

@media only screen and (min-width: 1024px) {
  .map-container {
    margin-bottom: 5rem;
  }
}
/****** GREEN DIVIDER ARROWS *******/

/* ARROW 1*/

.divider-two-col {
  display: flex;
}

.divider-two-col.reverse {
  flex-direction: row-reverse;
}

.divider-image {
    margin-left: 18%;
    margin-right: 52%;
}

.divider-image img {
  width: 120%;
  margin-top: -4rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {


  div.divider-image {
    margin-left: 15%;
    margin-right: 40%;
  }
  
  .divider-image img {
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
   div.divider-two-col {
    display: none;
  }
}

/* ARROW 2 */

.divider-image-1 {
    margin-left: 40%;
    margin-right: 25%;
}

.divider-image-1 img {
  width: 150%;
  margin-top: -3rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  div.divider-image-1 {
    margin-left: 25%;
    margin-right: 30%;
  }
  
  .divider-image-1 img {
    margin-top: -10rem;
  }
}


@media only screen and (min-width: 1024px) and (max-width: 1119px) {
  .divider-image-1 {
    margin-left: 25%;
    margin-right: 38%;
  }
  
  .divider-image-1 img {
    width: 180%;
    margin-top: -12rem;
  }
}

/* ARROW 3 */

.divider-image-2 {
    margin-left: 9%;
    margin-right: 45%;
}

.divider-image-2 img {
    width: 160%;
    margin-top: -15rem;
    z-index: -100;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  div.divider-image-2 {
    margin-left: 8%;
    margin-right: 42%;
  }
  
  .divider-image-2 img {
    margin-top: -15rem;
  }
}

/* ARROW 4 */

.divider-image-3 {
    margin-left: 18%;
    margin-right: 42%;
}

.divider-image-3 img {
  width: 140%;
  margin-top: -8rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  div.divider-image-3 {
    margin-left: 18%;
    margin-right: 42%;
  }
  
  .divider-image-3 img {
    margin-top: -10rem;
  }
}

/********* HOME PAGE HEADER DIVIDER ********/

.hp-header {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    margin: 1rem 0 4rem;
} 


.image-line-center-align {
  margin: 0 auto;
}


@media only screen  and (min-width: 320px) and (max-width: 539px) {
  div.home-page-text-background {
    padding-top: 1.5rem;
  }
  
  .home-page-text-container h2 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .hp-header p {
    font-size: 28px;
    background-color: #eee;
    margin: 0;
    padding: 3rem 1rem 0;
  }
  
  .hp-header {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
 .hp-header {
    font-size: 28px;
    padding: 0 1rem;
    margin: 2rem 0;
  }
}

/********* FEATURES ANIMATIONS/TESTIMONIALS *********/

/* FEATURE 1 */

.testimonial-two-col {
  display: flex;
  margin: 1rem 0;
  padding-left: 15px;
  padding-right: 15px;
}
.testimonial-two-col.reverse {
  flex-direction: row-reverse;
}

.testimonial-image-animation {
  width: 60%;
}

.visual-block-image {
  display: none;
}

.testimonial-text {
    width: 37%;
    padding-top: 1rem;
    margin-left: 10rem;
}

.testimonial-text.reverse {
   margin-left: 0;
   margin-right: 5rem;
}

h3.testimonial-header {
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 1rem;
}

h3.testimonial-header p {
   line-height: 2rem;
}

.testimonial-text p {
    margin: 0;
    line-height: 1.5rem;
}

.main-text {
    font-size: 16px;
    margin-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.person {
    display: flex;
    margin-top: 1.5rem;
    position: relative;
}

.person-name {
    font-size: 14px;
}

.person.reverse {
    flex-direction: row-reverse;
}

.quote {
     width: 65%;
     margin-left: 1.5rem;
}

.quote.reverse {
    margin-right: 1.5rem;
    text-align: right;
}

.testimonial-text .person-quote {
    font-size: 14px;
    font-style: italic;
}

.person-quote p {
  line-height: 1.3rem;
}

.person-image {
    width: 6rem;
    border-radius: 50%;
}

.person-name {
    font-weight: 700;
    margin-top: 0.5rem;
}
  
.person-name p {
    line-height: 1.3rem;  
  }
.testimonial-text h4 {
    font-size: 0;
}

ul.testimonial-list {
    margin-left: 25px;
    list-style-type: none;
    color: #454545;
}

ul.testimonial-list li:before {
  content: '';
  display: inline-block;
  height:10px;
  width: 10px;
  vertical-align: middle;
  border-radius:50%;
  margin-right: 15px;
  background-color: #39b54a;
  margin-left: -25px;
}

.testimonial-list-item {
  font-size: 14px;
  margin-bottom: 1rem;
}


.visual-block-container {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 656px;
}

.visual-primary {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    min-width: 100%;
    max-width: 120%;
}

.visual-secondary-top {
    width: 52.4%;
    top: 27%;
    right: 9%;
    overflow: hidden;
    position: absolute;
}

.visual-secondary-middle {
    width: 42.4%;
    top: 47.5%;
    left: 9.5%;
    overflow: hidden;
    position: absolute;
}

.visual-secondary-bottom {
    width: 51.4%;
    bottom: 17%;
    right: -4%;
    overflow: hidden;
    position: absolute;
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounce1 {
  -webkit-animation: bounce 8s ease-in-out 0s infinite;
          animation: bounce 8s ease-in-out 0s infinite; 
}

.bounce2 {
  -webkit-animation: bounce 8s ease-in-out 0.3s infinite;
          animation: bounce 8s ease-in-out 0.3s infinite; 
}

.bounce3 {
  -webkit-animation: bounce 8s ease-in-out 0.6s infinite;
          animation: bounce 8s ease-in-out 0.6s infinite; 
}

@media only screen and (min-width: 320px) and (max-width: 539px) {
  
  .testimonial-text h3.testimonial-header p {
    font-size: 25px;
  }
  
  div.testimonial-text h3.testimonial-header {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  
  .testimonial-text h3.testimonial-header {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
  }
  
  h3.testimonial-header p {
    font-size: 30px;
    margin: 1rem 0;
  }
  
  .visual-block-container {
    display: none;
  }
  
  .visual-block-image {
    display: block;
    height: 165vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2rem 0;
  }
  
  
  .testimonial-text, .testimonial-text.reverse {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    background-color: #eee;
  }
  
  div.testimonial-container div.testimonial-text {
    padding-bottom: 1rem;
    width: 100%;
    margin: 0;
  }

  
  div.testimonial-container div.testimonial-image-animation {
    width: 100%;
    margin: 0 auto;
  }
}


@media only screen and (max-width: 991px) {
  div.testimonial-two-col { 
    flex-direction: column-reverse;
    margin: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  
  div.testimonial-two-col.reverse { 
    flex-direction: column-reverse;
    margin: 0;
    width: 100%;    
  }
  
  .testimonial-text h3.testimonial-header p {
    font-size: 25px;
  }
  
  
  div.testimonial-text {
    padding-bottom: 1rem;
    width: 80%;
    margin-left: 4rem;
    margin-right: 0;
  }
  
  div.testimonial-text.reverse {
    padding-bottom: 1rem;
    width: 80%;
    margin-left: 4rem;
    margin-right: 0;
  }

  h3.testimonial-header p {
    line-height: 2rem;
  }
  
  div.testimonial-image-animation {
    width: 60%;
    margin: 1rem auto 2rem;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-text {
    padding-top: 0rem;
    margin-left: 4rem;
  } 
  
  .testimonial-text h3.testimonial-header {
    margin-bottom: 1.5rem;
  }
  
  .visual-secondary-middle {
    width: 42.4%;
  }
  
  .visual-secondary-bottom {
    width: 50.4%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .testimonial-container {
    margin-bottom: 3rem;
  }
  
  .testimonial-text {
    margin-left: 5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visual-primary {
    width: 100%;
  }
  
  img.visual-secondary-middle {
    width: 40%;
    top: 50%;
    left: 13%;
  }
}

@media only screen and (min-width: 1600px) {
  .main-text {
    font-size: 18px;
  }
  
  .testimonial-text p {
    line-height: 1.7rem;
  }
  
  .testimonial-list-item {
    font-size: 16px;
    margin-bottom: 1.5rem;
  }
  
  .testimonial-text .person-quote {
    font-size: 16px;
  }
  
  .person-quote p {
    line-height: 1.5rem;
}
  
  .person-name {
    font-size: 16px;
  }
  
  .person-name p {
    line-height: 1.2rem;  
  }
}  

/* FEATURE 2 */

.testimonial-image-animation-2 {
  width: 60%;
  margin-left: 2rem;
}

.visual-block-image-2 {
  display: none;
}

.testimonial-text-2 {
   width: 37%;
}

.testimonial-text-2.reverse {
   margin-left: 0;
   margin-right: 5rem;
}

.testimonial-text-2 p {
    margin: 0;
    line-height: 1.3rem;
}

.person-name {
    font-size: 14px;
}

.testimonial-text-2 .quote.reverse {
  margin-left: 0;
}

.testimonial-text-2 .person-quote {
    font-size: 14px;
    font-style: italic;
}

.testimonial-text-2 h4 {
    font-size: 0;
}

.visual-block-container-2 {
    position: relative;
    width: 100%;
    min-width: 300px;
    margin: 0 auto;
}

.visual-primary-2 {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

.visual-secondary-1 {
    width: 25%;
    bottom: 48%;
    right: 31.5%;
    overflow: hidden;
    position: absolute;
}

.visual-secondary-2 {
    width: 30%;
    top: 46%;
    right: 18%;
    overflow: hidden;
    position: absolute;
}

@keyframes bounce-2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounce-secondary-1 {
  -webkit-animation: bounce-2 8s ease-in-out 0s infinite;
          animation: bounce-2 8s ease-in-out 0s infinite; 
}

.bounce-secondary-2 {
  -webkit-animation: bounce-2 8s ease-in-out 0.5s infinite;
          animation: bounce-2 8s ease-in-out 0.5s infinite; 
}


@media only screen and (min-width: 320px) and (max-width: 539px) {
  .testimonial-text-2 h3.testimonial-header p {
    font-size: 25px;
  }
  
  div.testimonial-text-2 h3.testimonial-header {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  
  .testimonial-text-2 h3.testimonial-header {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
  }
   
  .testimonial-text-2, .testimonial-text-2.reverse {
    width: 100%;
    margin-left: 0;
    background-color: #eee;
    padding: 0 20px;
  }
  
  .testimonial-image-animation-2 {
    width: 100%;
    margin: 0 auto;
  }
  
   .visual-block-container-2 {
    display: none;
  }
  
  .visual-block-image-2 {
    display: block;
    height: 200vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2rem 0;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial-image-animation-2 {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .testimonial-text-2.reverse {
   margin-right: 2rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    img.visual-primary-2 {
    width: 100%;
  }
  
   .visual-secondary-1 {
    width: 23.5%;
    bottom: 49%;
    right: 32%;
  }
}

@media only screen and (min-width: 1600px) {
 
  .testimonial-text-2 p {
    line-height: 1.7rem;
  }
  
  .testimonial-list-item {
    font-size: 16px;
    margin-bottom: 1.5rem;
  }
  
  .testimonial-text-2 .person-quote {
    font-size: 16px;
  }
  
  .testimonial-text-2 p {
    line-height: 1.5rem;
  }
}  

/* FEATURE 3 */

.visual-block-image-3 {
  display: none;
}

.testimonial-text-3 {
    width: 37%;
    padding-top: 1rem;
    margin-left: 7rem;
}

.testimonial-text-3.reverse {
   margin-left: 0;
   margin-right: 6rem;
}

.testimonial-text-3 p {
    margin: 0;
    line-height: 1.3rem;
}

.testimonial-text-3 .person-quote {
    font-size: 14px;
    font-style: italic;
}


.testimonial-text-3 h4 {
    font-size: 0px;
}

.visual-block-container-3 {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 650px;
    margin: -1rem auto 5rem;
}

.visual-primary-3 {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%
}

.visual-secondary-top-3 {
    width: 45%;
    top: 3%;
    right: 15%;
    overflow: hidden;
    position: absolute;
}

.visual-secondary-middle-3 {
    width: 75%;
    top: 47%;
    left: -9%;
    overflow: hidden;
    position: absolute;
}

.visual-secondary-bottom-3 {
    width: 40%;
    bottom: 4%;
    right: -3%;
    overflow: hidden;
    position: absolute;
}

@keyframes bounce-3 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounce1-3 {
  -webkit-animation: bounce 8s ease-in-out 0s infinite;
          animation: bounce 8s ease-in-out 0s infinite; 
}

.bounce2-3 {
  -webkit-animation: bounce 8s ease-in-out 0.3s infinite;
          animation: bounce 8s ease-in-out 0.3s infinite; 
}

.bounce3-3 {
  -webkit-animation: bounce 8s ease-in-out 0.6s infinite;
          animation: bounce 8s ease-in-out 0.6s infinite; 
}

@media only screen and (min-width: 320px) and (max-width: 539px) {
  .testimonial-text-3 h3.testimonial-header p {
    font-size: 25px;
  }
  
  div.testimonial-text-3 h3.testimonial-header {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  
  .testimonial-text-3 h3.testimonial-header {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
  }
   
  .testimonial-text-3, .testimonial-text-3.reverse {
    width: 100%;
    margin-left: 0;
    background-color: #eee;
    padding: 0 20px;
  }
  
  .testimonial-image-animation-3 {
    width: 100%;
    margin: 0 auto;
  }
  
  .visual-block-container-3 {
    display: none;
  }
  
  .visual-block-image-3 {
    display: block;
    height: 180vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2rem 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-text-3 {
    padding-top: 0em;
    margin-left: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .visual-block-container-3 {
    margin: 0 auto 1rem; 
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .testimonial-text-3 {
   margin-left: 5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visual-primary-3 {
    width: 100%;
  }
}


@media only screen and (min-width: 1600px) {
  .testimonial-text-3 p {
    line-height: 1.7rem;
  }

  .testimonial-text-3 .person-quote {
    font-size: 16px;
  }
  
  .testimonial-text-3 p {
    line-height: 1.5rem;
  }
}  

/* FEATURE 4 */

.testimonial-image-animation-4 {
  width: 60%;
  margin-right: 3rem;
}

.visual-block-image-4 {
  display: none;
}

.testimonial-text-4 {
   width: 35%;
   margin-left: 3rem;
}

.testimonial-text-4.reverse {
   margin-left: 0;
   margin-right: 7rem;
}

.testimonial-text-4 p {
    margin: 0;
    line-height: 1.5rem;
}

.testimonial-text-4 .person-quote {
    font-size: 14px;
    font-style: italic;
}

.testimonial-text-4 h4 {
    font-size: 0px;
}

.visual-block-container-4 {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 600px;
    margin: -1rem auto 5rem;
}

.testimonial-text-4 .quote p {
    line-height: 1.3rem;
  }

.testimonial-text-4 .quote {
  margin-left: 0;
}

.visual-primary-4 {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.visual-secondary-top-4 {
    width: 100%;
    top: 28%;
    right: 4%;
    overflow: hidden;
    position: absolute;
}


.visual-secondary-bottom-4 {
    width: 58%;
    bottom: 0%;
    right: 0%;
    overflow: hidden;
    position: absolute;
}

@keyframes bounce-4 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounce1-4 {
  -webkit-animation: bounce-4 8s ease-in-out 0s infinite;
          animation: bounce-4 8s ease-in-out 0s infinite; 
}

@media only screen and (min-width: 320px) and (max-width: 539px) {
  .testimonial-text-4 h3.testimonial-header p {
    font-size: 25px;
  }
  
  div.testimonial-text-4 h3.testimonial-header {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  
  .testimonial-text-4 h3.testimonial-header {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
  }
   
  .testimonial-text-4, .testimonial-text-4.reverse {
    width: 100%;
    margin-left: 0;
    background-color: #eee;
    padding: 0 20px;
  }
  
  .testimonial-image-animation-4 {
    width: 100%;
    margin: 0 auto;
  }
  
  .visual-block-container-4 {
    display: none;
  }
  
  .visual-block-image-4 {
    display: block;
    height: 110vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2rem 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-text-4.reverse {
    margin-right: 0;
  }
}

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

  .testimonial-image-animation-2 {
    margin: 0 auto;
  }
  
  .visual-block-container-4 {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .testimonial-text-4.reverse {
    margin-right: 5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  
    .visual-primary-4 {
    width: 100%;
  }

  .visual-secondary-top-4 {
    width: 90%;
    top: 26%;
    right: 14%;
  }
  
  .visual-secondary-bottom-4 {
    width: 55%;
    bottom: 0px;
    right: 2%;
  }
}

@media only screen and (min-width: 1600px) {
  
  .testimonial-text-4 p {
    line-height: 1.7rem;
  }
  
  .testimonial-text-4 .person-quote {
    font-size: 16px;
  }
}  

/*********** SOFTWARE SOLUTIONS SECTION **********/

.green-background-divider {
  display: flex;
  align-items: center;
  padding-top: 6vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  min-height: 10rem;
}


.solutions-background {
    background-color: #eeeeee;
    background-size: cover;
    padding-bottom: 12rem;
    padding-top: 8rem;
}

.solutions-header {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    margin-bottom: 0;
}

a.tab-name {
  text-decoration: none;
}

a.tab-name:hover {
    text-decoration: none;
    color: #454545;
}

a.tab-name:hover.active {
    text-decoration: none;
    color: #ffffff;
}

.solution-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 1rem;
}

.solutions-background {
  background-size: cover;
}

.taber {
  margin-bottom: 2rem;
  width: 110%;
}

.tab-content {
  width: 110%;
}

.nav {
  background-color: #ffffff;
  justify-content: space-between;
}

.tab-cell {
  width: 33%;
  height: 10rem;
}

.tab-cell .tab-name {
    width: 100%;
}

.tab-cell .active {
    background-color: #54a759;
    color: #fff;
    height: 10rem;
}

.tab-cell>a {
  display: block;
  height: 7rem;
  width: 8rem;
  text-align: center;
  text-transform: uppercase;
  color: #454545;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 2rem 5px;
  line-height: 1.2;
}

div.tab-content .active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.button-findOut {
  margin-top: 3rem;
  width: 100%;
}

.module-item {
  width: 4rem;
  height: 4rem;
  background-color: #7c7c7c;
  margin: 30px 27px 40px;
  border-radius: 10px;
}

.module-name {
  margin-top: 1rem;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 3px;
  font-weight: 600;
}

.solution-description {
  margin-left: 5.5rem;
}

.solution-description-header {
    line-height: 1.2;
    font-weight: 700;
    color: #454545;
    border-bottom: solid 2px #888;
    height: 10rem;
    font-size: 40px;
}

.solution-description-text {
    padding-top: 3.3rem;
    padding-bottom: 5rem;
    font-size: 19px;
}

/* svg {
    width: 16px;
    height: 16px;
}
 */

.solution-icon {
    width: 40px;
    height: 40px;
    margin-top: 2rem;
    margin-bottom: 0px;
    fill: #454545;
}

.module-icon-container {
  margin-top: 14px;
}

.module-icon {
    display: block;
    margin: 0 auto;
    fill: rgba(255, 255, 255, 0.8);
    width: 35px;
    height: 35px;
}

.active .solution-icon {
  fill: #ffffff;
}
  
.right-image img {
  margin-bottom: 10rem;
  width: 100%;
  margin-top: 5rem;
}

.solution-description-text-mobile {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 539px) {

  div.solutions-background {
    padding-bottom: 0;
  }
  .container-xl h2.solutions-header {
    padding: 2rem 1rem;
  }
  
  .solution-icon {
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  a.tab-name div.solution-name {
    font-size: 13px;
    width: 100%;
  }
  
  li.tab-cell, li.tab-cell .active {
    height: 7.5rem;
  }
  
  .tab-pane div.module-item {
    width: 3.5rem;
    height: 3.5rem;
    margin: 20px 15px 50px;
  }
  
  svg.module-icon {
    width: 40px;
    height: 40px;
  }
  
  div.module-icon-container {
    margin-top: 8px;
  }
  
  .module-item div.module-name {
    padding-top: 0px;
    margin-top: 12px;
  }
  
  .col-12.solution-description-mobile {
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 767px) {
  a.tab-name {
    font-size: 16px;
    padding: 0 5px;
    height: 8rem;
  }
  
  .tab-cell .active {
    height: 8rem;
  }
  
  .tab-cell {
    height: 8rem;
  }
  
  .tab-name div.solution-name {
    width: 80%;
    margin: 0.5rem auto;
    font-size: 16px;
}
  
    div.module-item {
    width: 5.5rem;
    height: 5.5rem;
    margin: 30px 18px;
  }
  
  .module-icon {
    display: block;
    margin: 0 auto;
    fill: rgba(255,255,255,0.8);
    width: 55px;
    height: 55px;
  }
  
  .solution-description {
    margin-left: 0;
  }
  
  div.module-name {
    padding-top: 7px;
  }
  
  div.row {
    margin: 0;
  }
  
  svg.solution-icon {
    margin-top: 1.5rem;
  }
  
  .tab-pane {
    margin-bottom: 2rem;
  }
  
  h2.solutions-header {
    font-size: 28px;
    padding: 2rem 0;  
  }
  
  .solutions-background {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    
  .solutions-header {
    display: block;
    margin: 0;
    font-size: 28px;
    padding: 8rem 0 2rem;
    line-height: 1.3;
  }
  
  .solution-name {
    font-size: 16px;
  }
  
  .tab-cell {
    height: 9rem;
  }
  
  .tab-cell .active {
    height: 9rem;
  }

  .solution-description-text {
    padding-top: 1rem;
  }
  
  .module-item {
    width: 6rem;
    height: 6rem;
    margin: 30px 25px;
  }
  
  .module-icon {
    width: 70px;
    height: 70px;
  }
  
  .module-icon-container {
    margin-top: 12px;
  }

  div.module-name {
    padding-top: 2px;
  }
}

@media only screen and (max-width: 991px) {
  
    .green-background-divider {
    background-image: none !important;
    background-color: #eee;
    min-height: 0;
    padding-top: 0;
   }
  
  
  .solutions-background {
  padding-top: 0;
}
    
  .solutions-header {
    color: #454545;
    padding: 3rem 0 2rem;
  }
  
  div.solution-name {
    width: 80%;
    margin: 1rem auto 0.5rem;
    font-size: 18px;
  }
  
  .solution-description-header, .solution-description-text {
    display: none;
  }
  
  .solution-description-text-mobile {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 18px;
  }

  
  div.row {
    padding: 0;
  }
  
  .tab-name {
    font-size: 20px;
    height: 9rem;
}
 
  div.solution-names {
    flex: none;
    max-width: 100%;
  }
  
  .tab-cell .active {
    background-color: #54a759;
  }
  

  .nav {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .taber {
    margin-bottom: 1rem;
    width: 100%;
  }
  
  .tab-content {
    width: 100%;
  }
  
  .module-name {
    padding-top: 60px;
  }
  
  .solution-icon {
    width: 25px;
    height: 25px;
    margin-top: 0rem;
    fill: #454545;
  }
}

@media only screen and (min-width: 992px) {
  a.tab-name {
    padding: 0 7px; 
  }
  
  .green-background-divider {
    height: 25rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  .solutions-background {
    min-height: 65rem;
  }

  .solution-description-header {
    font-size: 40px;
  }
  
  .solutions-header {
    padding: 7rem 0;
  }
}

@media only screen and (min-width: 2000px) {
  div.green-background-divider {
    min-height: 35rem;
    max-height: 40rem;
  }
}

@media only screen and (min-width: 2580px) {
  .solutions-header {
    padding: 27rem 0 7rem;
  }
}

/********* HOME PAGE WHITE CURVE BACKGROUND *******/

.WhiteCurveBackgroundDivider .white-background {
  margin-top: -20rem;
  margin-bottom: -11rem;
  background-size: cover;
  min-height: 36rem;
  background-position: center;
} 

@media only screen and (max-width: 767px) {
  .WhiteCurveBackgroundDivider .white-background {
    background-image: none !important;
    margin-top: -23rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .WhiteCurveBackgroundDivider .white-background {
    margin-bottom: -16rem;
  }
}  

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .WhiteCurveBackgroundDivider .white-background {
    margin-bottom: -14rem;
  }
}  

@media only screen and (min-width: 2150px) {
  .WhiteCurveBackgroundDivider .white-background {
    min-height: 47rem;
  }
}  

/********* MISC SECTION *******/

.container-xl.bottom-grid {
  padding-bottom: 5rem;
  margin-top: -15rem;
}

.misc-header {
  display: block;
  width: 90%;
  margin: 0rem auto 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3,32.5%);
  grid-template-rows: repeat(3,32%);
  grid-column-gap: 1.5%;
  grid-row-gap: 2%;
  height: 46.5rem;
  display:-ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
}

.hoverable {
  position: relative;
  border-radius: 10px;
  transition: .25s linear;
  background-size: cover;
  background-position: center;
}

.hoverable img {
  width: 100%;
}

.cover {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eee;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  border-radius: 10px;
}

.hoverable:hover {
  transition: all .25s ease-in-out;
  -webkit-transform: scale(1.05);
  transform: scale(1.04);
  z-index: 100;
  box-shadow: 10px 10px 40px rgba(0,0,0,.2);
}

.hoverable:hover .cover {
  height: 100%;
}

.image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.cover-header {
  width: 85%;
  display: block;
  margin: 0 auto;
  color: #222;
  font-weight: 700;
}

.cover-header2 {
  width: 85%;
  display: block;
  margin: 0 auto;
  color: #222;
  font-weight: 600;
  font-size: 16px;
  margin-top: 5px;
}

.cover-text {
  width: 85%;
  display: block;
  margin: 0 auto;
  font-size: 16px;
}

.cover-text p {
  margin-bottom: 0;
}

.cover-button {
  margin-top: auto;
}

.image1 {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  background-color: #eeeeee;
  display: block;
  -ms-grid-column: 1;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 3;
}

.image1 .cover-header {
  font-size: 31px;
}

.image1 .cover-text {
  padding-top: 20%;
}

.image2 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  background-color: #eeeeee;
  -ms-grid-column: 2;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 2;
}


.image2 .cover-header {
  font-size: 29px;
  padding-top: 2.5rem;
}

.image2 .cover-header2 {
  font-size: 18px;
}

.image2 .cover-text {
  padding-top: 10%;
  font-size: 16px;
}

.image2 .cover-learn-more {
  font-size: 16px;
}

.image2 .cover-text p {
  margin-bottom: 0;
}

.image3 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  background-color: #eeeeee;
  -ms-grid-column: 2;
  -ms-grid-row: 3; 
}

.image3 .cover-header {
  padding-top: 1.5rem;
}

.image3 .cover-text {
  padding-top: 0.5rem;
}

.image3 .cover-learn-more {
  padding-top: 7rem;
  font-size: 20px;
}

.image3 .cover-text p {
  margin-bottom: 0;
}

.image4 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  background-color: #eeeeee;
  -ms-grid-column: 3;
  -ms-grid-row: 1; 
}

.image5 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 2 / 4;
  background-color: #eeeeee;
  -ms-grid-column: 3;
  -ms-grid-row: 2; 
  -ms-grid-row-span: 2;
}

.image5 .cover-header {
  padding-top: 2.5rem;
}

.image5 .cover-text {
  padding-top: 2rem;
}

@media only screen and (min-width: 300px) and (max-width: 539px) {
  h2.misc-header {
    margin: 2rem auto 1.8rem;
  }
  
  .bottom-grid div.grid-container {
    margin: 0 1rem 8rem;
    height: 155vw;
  }
  
  div.container-xl.bottom-grid {
    margin: 1rem 0;
  }  
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  div.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    grid-column-gap: 2%;
    grid-row-gap: 1%;
    grid-template-rows: repeat(5,1fr);
    margin: 0 1rem 3rem;
    height: 155vw;
    display:-ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
  }

 .container-xl.bottom-grid {
    padding-bottom: 0;
    margin: 2rem 0;
}
  
 .image1 {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
}
  
  .image2 {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }
  
  .image3 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 2;
    -ms-grid-row: 3;
  }
  
  .image4 {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    -ms-grid-column: 1;
    -ms-grid-row: 4;
  }
  
  .image5 {
    grid-column: 2 / 3;
    grid-row: 4 / 6;
    -ms-grid-column: 2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
  }
  
  .misc-header {
    font-size: 28px;
    margin: 3rem auto 2rem;
  }
  
  .hoverable:hover .cover {
    height: 0%;
  }
  
  .hoverable:hover {
    transition: unset;
    transform: unset;
    box-shadow: none;
  }  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .misc-header {
    margin: 5rem auto 2rem;
    font-size: 28px;
  }
  
  .container-xl.bottom-grid {
    padding-bottom: 5rem;
  }
  
  .hoverable:hover .cover {
    height: 0%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 859px) {
  div.grid-container {
    height: 32rem;
  }
}


@media only screen and (min-width: 860px) and (max-width: 991px) {
  div.grid-container {
    height: 37rem;
  }
}
  
@media only screen and (max-width: 992px) and (max-width: 1023px) {
  .grid-container {
    height: 40rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1139px){
  .grid-container {
    height: 42.5rem;
  }
}

@media only screen and (min-width: 2150px) {
  .container-xl.bottom-grid {
    margin-top: -20rem;
  }
} 

/********** BOTTOM SECTION LET'S CHAT ********/

.bottom-background {
    min-height: 29rem;
    background-color: #eeeeee;
}

.bottom-header {
    text-align: center;
    color: #ffffff;
    padding-top: 5rem;
    font-weight: 600;
    font-size: 40px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

h2.bottom-header.container-xl {
    width: 80%;
}

h2.bottom-header.container-xl span {
    line-height: 1.3;
}

.lets-chat-button {
    margin: 0 auto;
    width: 230px;
    padding-top: 4rem;
    position: relative;
    z-index: 1;
}


@media only screen and (min-width: 300px) and (max-width: 539px) {
  
  div.bottom-background.bottom-mobile {
    min-height: 35rem;
  }
  
  div.bottom-background h2.bottom-header {
    padding-top: 5rem;
  }
  
  .lets-chat-button {
    padding-top: 3rem;
  }
  
  a.lets-chat {
    height: 50px !important;
    width: 180px !important;
    line-height: 50px !important;
    font-size: 18px !important;
    margin-top: 2rem !important;
  }
  
  div.lets-chat-button {
    width: 180px;
  }
}


@media only screen and (min-width: 540px) and (max-width: 767px) {
    div.bottom-background {
      height: 40rem;
  }
}


@media only screen and (max-width: 767px) {
  .lets-chat-button {
    padding-top: 3rem;
  }
  
  h2.bottom-header.container-xl {
    width: 100%;
    line-height: 2.5rem;
  }
}


@media only screen and (max-width: 991px) {
  div.bottom-background {
    min-height: 25rem;
  }
  
.bottom-background h2.bottom-header {
    padding-top: 4rem;
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}  


/* @media only screen and (min-width: 2000px){
  div.bottom-background {
    height: 55rem;
    margin-top: 0;
  }
}
  
@media only screen and (min-width: 2500px){
  div.bottom-background {
    height: 80rem;
  }
} */
  

/********** FOOTER CURVE BACKGROUND ********/

.subscription-form label, .subscription-form .hubspot-link__container.sproket, .subscription-form ul.no-list.hs-error-msgs.inputs-list {
  display: none !important;
}

.subscription-form form {
  display: flex;
}

.footer-background-image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 57rem;
  max-height: 65rem;
  background-size: cover;
  height: 40vw;
  background-position: center;
}

.footer-background {
  position: relative;
}

.footer-background-image img{
  width: 100%
}

.footer-container.container-fluid {
  padding: 0;
}

.footer-container .row {
  padding-bottom: 2rem;
}

.footer-container p {
  color: #fff;
  font-family: serif;
  font-size: 15px;
  font-weight: 600;
}

.footer-logo {
  padding-bottom: 1rem;
}

.footer-text {
  width: 80%;
}

.footer-column-header {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.footer-list {
  list-style-type: none;
}

.footer-list-item {
  font-size: 16px;
  margin-bottom: 0.7rem;
  font-weight: 600;
}

.footer-list a {
  text-decoration: none;
  color: #fff;
  background-color: unset;
}

.footer-list a: hover {
  text-decoration: none;
  color: #fff;
}

.footer-logo a {
    background-color: unset;
}

.copyright-text {
  padding-top: 4rem;
}

.copyright-text p {
    text-align: center;
    color: #e7e7e7;
    font-size: 12px;
    margin-top: 2rem;
}

i.social-media-icon {
  color: #fff;
  font-size: 40px;
  margin-right: 1rem;
}

.social-media-icons-container {
  display: flex;
  margin-top: 6rem;
  justify-content: center;
  width: 65%;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
  div.social-media-icons-container {
    margin-top: 0;
    width: 100%;
  }
  
  i.social-media-icon {
  font-size: 32px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 349px) {
  .footer-background div.footer-background-image {
     min-height: 110rem;
  }
}

@media only screen and (min-width: 350px) and (max-width: 399px) {
  .footer-background div.footer-background-image {
     min-height: 104rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 449px) {
  .footer-background div.footer-background-image {
     min-height: 97rem;
  }
}

@media only screen and (min-width: 450px) and (max-width: 499px) {
  .footer-background div.footer-background-image {
     min-height: 95rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 539px) {
  .footer-background div.footer-background-image {
     min-height: 92rem;
  }
}

/* @media only screen and (max-width: 540px) {
    div.footer-logo img {
    margin: 1rem auto 0;
    width: 70%;
  }
} */

@media only screen and (max-width: 767px) {
    div.footer-background-image {
    min-height: 95rem;
  }
  
/*   .footer-logo img {
    margin: 0 auto;
    display: block;
    width: 45%;
  } */
  
  .footer-container p {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  
  .footer-logo-column {
    margin-bottom: 3rem;
  }
  
  .col-6.col-md-2.footer-lists {
    margin-bottom: 3rem;
    padding-left: 3rem;
  }
  
  .footer-list-item {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-background-image {
    min-height: 69rem;
  }
  
  .footer-container {
    padding-top: 5rem;
  }
  
}

@media only screen and (max-width: 1199px) {
    div.footer-background {
      margin-top: 0;
    }
}

@media only screen and (min-width: 2000px){
.footer-background-image {
    min-height: 50rem;
    max-height: 75rem;
  }
}

/********** FOOTER 2021 ********/

.Footer2021 {
  padding: 7rem 0 2rem;
}

.Footer2021 .top-container {
  position: relative;
  margin: 0 4rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #aaa;
}

.Footer2021 .footer-lists-container  {
  margin-left: 20%;
}

.Footer2021 .footer-logo {
  position: absolute;
  left: 0;
}

.Footer2021 .footer-logo a {
  outline: none;
}

.Footer2021 .footer-logo1 {
  position: absolute;
  left: 0;
}

.Footer2021 .footer-logo1 a {
  outline: none;
}
.footer-container.container-fluid {
  padding: 0;
}

.Footer2021 .footer-list-container {
  padding: 0 1em;
}

.Footer2021 .footer-column-header {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  margin-bottom: 1rem;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
}

.Footer2021 li.footer-list-item {
  line-height: 1.2;
  margin-bottom: .7rem;
  font-weight: 400;
}

.Footer2021 .footer-list-item a {
  font-size: 14px;
  color: #fff;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
}

.Footer2021 .footer-buttons-container {
  position: absolute;
  right: 0;
}

.Footer2021 .footer-buttons-container button {
  margin-bottom: 1rem;
  background-color: transparent;
  border: none;
}

.Footer2021 .footer-buttons-container button:focus {
  outline: none;
}

.Footer2021 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
.Footer2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
  font-weight: 500;
}

.Footer2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
  color: #fff;
}

.Footer2021 .bottom-container {
  margin: 2rem 3rem 0;
}

.Footer2021 .social-media-text {
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
}

.Footer2021 .badge-text {
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
  padding-left:20px;
  max-width:40%;
}

.Footer2021 .footer-isotext-container  {
  margin-left:12%;
  max-width: 40%;
}

.Footer2021 .social-media-icons-container {
  margin-top: 0;
  justify-content: flex-end;
  width: unset;
}

.Footer2021 img.social-media-icon {
  margin-left: 1rem;
  max-width: 45px;
}

.Footer2021 .copyright-text {
  color: #fff;
  font-size: 12px;
  font-family: 'Montserrat',sans-serif;
  letter-spacing: -0.015em;
}

@media only screen and (max-width: 767px) {
  .Footer2021 {
    position: relative;
    padding: 12rem 0 2rem;
  }
  
  .Footer2021 .top-container {
    position: unset;
    margin: 0 1rem;
  }
  
  .Footer2021 .footer-logo {
    top: 3%;
    left: 3%;
  }
  
    .Footer2021 .footer-logo1 {
    top: 75%;
    left: 0%;

  }
  
  .Footer2021 .footer-buttons-container {
    bottom: 27%;
    width: 100%;
    padding: 0 1rem;
  }
  
  .Footer2021 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
  .Footer2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    font-weight: 500;
    width: 100%;
  }
  
  .Footer2021 .footer-lists-container {
    flex-wrap: wrap;
    margin-left: 0;
    padding-bottom: 10rem;
  }
  
  .Footer2021 div.footer-list-container {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 767px) {
  .Footer2021 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
  .Footer2021 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    font-weight: 500;
    width: 50%;
  }
  
    .Footer2021 .footer-buttons-container {
    bottom: 45%;
    width: 100%;
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .Footer2021 {
    padding: 8rem 0 2rem;
  }
  
  .Footer2021 .footer-logo {
    top: -5rem;
  }
  
  .Footer2021 div.footer-lists-container {
    margin-left: 0;
  }
  
  .Footer2021 .footer-lists-container div.footer-list-container {
    max-width: 25%;
  }
  
  .Footer2021 .footer-buttons-container {
    bottom: 0;
  }
  
  .Footer2021 .social-media-text {
    font-size: 13px;
  }

  .Footer2021 img.social-media-icon {
    max-width: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1319px) {
  .Footer2021 .top-container {
    position: relative;
    margin: 0 2rem;
  }
  
  .Footer2021 .footer-logo img {
    max-width: 80%;
}
  
  .Footer2021 div.footer-list-container {
    flex: 0 0 50%;
    max-width: 20%;
  }
  
  .Footer2021 .footer-lists-container {
    margin-left: 20%;
  }
}

@media only screen and (min-width: 1320px) and (max-width: 1439px) {
  .Footer2021 .footer-list-container {
    flex: 0 0 50%;
    max-width: 25%;
  }
  
  .Footer2021 .footer-lists-container {
    margin-left: 10%;
  }
}

/* @media only screen and (max-width: 1599px) {
  .Footer2021 .footer-list-item a {
    font-size: 12px;
  }
} */

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .Footer2021 .footer-lists-container {
    margin-left: 15%;
  }
}


/********** MOBILE APP LAUNCH ********/


/* Welcome Mobile App Launch Section */

.container-xl.welcome-video-section-launch {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: 7rem;
  padding-bottom: 3rem;
}

.cm-full-lay .text-container-launch .welcome-header-launch {
    margin-block-start: 0;
    margin-block-end: 0;
}

.text-container-launch {
  width: 34%;
  align-self: center; 
}

.welcome-header-launch {
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 60px;
}

.welcome-text-launch {
  font-size: 21px;
  font-weight: 600;
}


.image-container-launch {
    overflow: hidden;
    background-size: cover;
    width: 55%;
}


.new-logo {
  margin-bottom: 2rem;
}

.new-logo-mobile {
  display: none;
}

.div-bg-video {
    position: absolute;
    top: 0;
    left: -165px;
    width: 180%;
    z-index: -100;
}

.note-image-launch {
  position: absolute;
  display: block;
  width: 24%;
  bottom: 63%;
  right: 19%;
  z-index: 100;
  margin-right: 3.5rem;
  margin-bottom: -1rem;
}

img.top-play-button-launch {
    width: 20%;
    position: absolute;
    top: 88%;
    left: 90%;
}

.play-button-launch {
    position: relative;
    top: -200px;
    left: -200px;
    width: 25rem;
    opacity: 85%;
    height: 25rem;
}

.btn-primary {
  background-color: none;
  border-color: none;
}

.modal-header {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}

div.modal-dialog {
  max-width: 72%;
}

.play-button-launch a:hover {
  opacity: 70%; 
}

.buttons-launch {
  display: flex;
  margin-top: 3rem;
}


.bottom-background-app-launch {
  height: 43rem;
  margin-top: -13rem;
  background-size: cover;
  background-position: center;
}

div.container-fluid .row-fluid .page-center {
  max-width: 1140px;
}

.hs-content-id-28609487336.cm-full-lay .body-container-wrapper {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 320px) and (max-width: 409px) {
  div.play-button-mobile {
  }
  
    .welcome-header-mobile {
    color: #ffffff;
    font-size: 57px;
    margin: 2rem 0 1rem;
    font-weight: 600;
  }
}

@media only screen and (max-width: 539px) {
   .modal div.modal-dialog {
      max-width: 100%;
  }
  
  div.modal-header {
    padding: 0rem 1rem;
  }
  
  div.modal-body {
    padding: 3px;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px){
  div.mobile-content {
    padding-right: 50px;
    padding-left: 50px;
  }
  
    div.play-button-mobile img {
       width: 75%;
    }

  div.hs-assessment-mobile {
    width: 70% !important;
    margin: 0 auto;
  }
  
  div.grey-dropdown {
    margin: 2.5rem 0 2rem;
  }
}


@media only screen and (max-width: 767px) {
  div.container-xl {
/*     margin: 0; */
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .bottom-background {
    height: 20rem;
    margin-top: -6rem;
  }
  
  .mobile-content {
    padding-right: 10px;
    padding-left: 10px;
  }
  
  .text-container-launch, .image-container-launch, .note-image-launch {
    display: none;
  }
  
    .text-container-mobile {
      display: flex;
      flex-direction: column;
      width: 100%;
      background-position: center;
      margin-top: 0;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .welcome-header-mobile {
    color: #454545;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
 }
  
  .welcome-text-mobile {
    color: #454545;
/*     margin: 3rem 0 7rem; */
    font-size: 21px;
  }
  
      
  .navbar-light .navbar-toggler {
    border: 2px solid #ffffff;  
  }   
  
  .new-logo-mobile {
    display: block;
    margin-bottom: 2rem;
    margin-top: 3rem;
  }
  
  .new-logo-launch-mobile {
    width: 90%;
  }
  
}
  
@media only screen and (min-width: 768px) {
  .text-container-launch {
    background-image: none !important;
  }
  
  .text-container-mobile {
     display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .text-container-launch {
    padding-right: 1rem;
  }
  
  div.image-container-launch {
    height: 22rem;
    width: 27rem;
    margin-top: 3rem;
  }
  
/*   div.bottom-background {
    height: 35rem;
  } */
  
  .welcome-text-launch {
    font-size: 16px;
    display: block;
    padding-bottom: 2rem;
  }
  
  .welcome-header-launch {
    font-size: 40px;
    display: block;
  }
  
  .buttons-launch {
    margin-top: 1rem;
  }
  
  .note-image-launch {
    width: 24%;
    margin-right: 6rem;
    margin-bottom: -1rem;
  }  
  
  img.top-play-button-launch {
    width: 15%;
    position: absolute;
    top: 82%;
    left: 83%;
  }
  
    .buttons-launch .book-a-demo {
    height: 45px !important;
    width: 140px !important;
    line-height: 1.6em !important;
  }
  
  .buttons-launch .self-assessment-btn {
    height: 46px !important;
    width: 136px !important;
    line-height: 1.4em !important;
    margin-left: 15px !important;
  }
  
   .buttons-launch .book-a-demo span {
     font-size: 11px !important;
  }
  
  .buttons-launch .self-assessment-btn span {  
    font-size: 11px !important;
  }
}


@media only screen and (min-width: 540px) and (max-width: 1199px) {
    div.modal-dialog {
       max-width: 85%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1119px) {
  .note-image-launch {
    right: 22%;
   }
}


/* Testimonial Mobile App Section  */

.testimonial-two-col {
  display: flex;
  margin: 1rem 0;
}
.testimonial-two-col.reverse {
  flex-direction: row-reverse;
}

.testimonial-image {
  width: 60%;
  margin: 0 auto;
}

.testimonial-image img {
    width: 32rem;
    display: block;
    margin: 0 auto;
}

.testimonial-text {
   width: 40%;
}

.testimonial-text.reverse {
   margin-left: 0;
}

h3.testimonial-header {
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 1.5rem;
}

h3.testimonial-header p {
   line-height: 2.2rem;
}

.testimonial-text p {
    margin: 0;
    line-height: 1.5rem;
}

.main-text {
    font-size: 16px;
    margin-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.person {
    display: flex;
    margin-top: 1.5rem;
}

.person.reverse {
    flex-direction: row-reverse;
}

.quote {
     width: 60%;
     margin-left: 1.5rem;
}

.quote.reverse {
    margin-right: 1.5rem;
    text-align: right;
}

.testimonial-text .person-quote {
    font-size: 16px;
    font-style: italic;
}

.person-image {
    width: 6rem;
    border-radius: 50%;
}

.person-name {
    font-weight: 700;
    margin-top: 0.5rem;
}

.testimonial-text h4 {
    font-size: 0px;
}

ul.testimonial-list {
    margin-left: 25px;
    list-style-type: none;
    color: #454545;
}

ul.testimonial-list li:before {
  content: '';
  display: inline-block;
  height:10px;
  width: 10px;
  vertical-align: middle;
  border-radius:50%;
  margin-right: 15px;
  background-color: #39b54a;
  margin-left: -25px;
}

.testimonial-list-item {
  font-size: 16px;
  margin-bottom: 1rem;
}


@media only screen and (max-width: 767px) {
  .testimonial-two-col {
    margin: 0;
    flex-direction: column-reverse; 
  }
  
   .testimonial-two-col.reverse {
    flex-direction: column-reverse; 
  }
  
  .testimonial-image {
    width: 100%;
  }
  
  .testimonial-image img {
  }
  
  div.testimonial-text {
    width: 100%;
    margin-bottom: 2rem;
  }
  
    h3.testimonial-header {
    font-size: 23px;
  }
  
  h3.testimonial-header p {
    line-height: 2rem;
  }
  
  div.testimonial-image img {
    margin: 0 auto;
    width: 18rem;
  }
  
}
 
  
@media only screen and (max-width: 991px) {
  .testimonial-two-col {
     margin-bottom: 1rem;
  }
  
   .testimonial-two-col.reverse {
     margin-bottom: 1rem;
  }
  
  h3.testimonial-header {
    font-size: 21px;
  }
    
  .testimonial-text {
     width: 40%;
     margin-left: 0;
  }
  
  .main-text {
    font-size: 15px;
  }
 
  .testimonial-image img {
    width: 100%;
    margin-top: 3rem;
 }
  
  .testimonial-text .person-quote {
    font-size: 14px;
    font-style: italic; 
  }
  
  .testimonial-container {
    margin-bottom: 2rem;
  }
}


/* Bottom section let's chat*/

.bottom-background-app-landing {
    min-height: 26rem;
    background-color: #eeeeee;
}

.bottom-app-landing-header {
    text-align: center;
    color: #ffffff;
    padding-top: 6rem;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}


@media only screen and (max-width: 767px) { 
 div.bottom-background-app-landing h2.bottom-app-landing-header {
    font-size: 25px;
  }
}


@media only screen and (max-width: 991px) {
  .bottom-background-app-landing {
    min-height: 16rem;
  }
  
  .bottom-background-app-landing h2.bottom-app-landing-header {
    padding-top: 1rem;
    font-weight: 600;
    font-size: 27px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}  
  
/*ecoPortal Solutions page*/


/************ MAIN MENU ************/

nav.navbar-light .navbar-nav a.nav-link.white {
  color: #fff;  
}

.header-buttons-mobile.solutions {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  
  nav.nav-mobile-background.white {
    background-image: linear-gradient(90deg,#44a36e,#51a65d);
  }
  
  nav.navbar-light .navbar-nav a.nav-link.white {
    color: #454545;
  }
  
  .header-buttons.solutions {
    display: none;
  }
  
  .header-buttons-mobile.solutions {
    display: block;
    margin-bottom: 2rem;
  }
  
  .header-buttons-mobile.solutions .get-a-demo-menu {
    background-color: #5ea94c !important;
    color: #ffffff !important;
    height: 45px !important;
    width: 110px !important;
    line-height: 45px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    transition: 0.3s !important;
    font-family: "Source Sans Pro" !important;
  }
  
  .header-buttons-mobile.solutions .login-button-menu {
    background-color: #ffffff !important;
    color: #5ea94c !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    transition: 0.3s !important;
    font-family: "Source Sans Pro" !important;
  }
  
    .navbar-nav.align-items-sm-start.white {
    margin-top: 0;
    padding-top: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  nav.nav-mobile-background.white {
    background-image: linear-gradient(90deg,#3ba17c,#329f86);
  }
  
  nav.navbar.white {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  nav.navbar-light .navbar-nav a.nav-link.white {
    color: #fff;
  }
  
  .navbar-nav.align-items-sm-start.white {
    padding-left: 0;
    margin-top: 0;
    padding-top: 2rem;
    margin-bottom: 1rem;
  }
  
 
  .solutions a.login-button-menu span {
    color: #fff !important;
    border: 2px #fff solid !important;
  }
  
  .navbar-collapse.collapse.solutions, .navbar-collapse.collapsing.solutions {
    margin-bottom: 1rem;
    padding-left: 2rem;
  }
  
  .navbar-light.solutions [aria-expanded="false"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .navbar-light.solutions [aria-expanded="true"] span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h16'/></svg>");
  }
  
  .navbar-light.solutions button.navbar-toggler[aria-expanded="false"] {
    border-color: rgba(255, 255, 255, 1);
  }
  
  nav.navbar-light.solutions .navbar-toggler {
    border-color: rgba(255, 255, 255, 1);
  }
  
  .navbar.white .navbar-brand {
    padding-left: 1rem;
  }
  
  .navbar.white .navbar-toggler {
    margin-right: 1rem;
  }
  
  .navbar-nav.white .dropdown-menu {
    border-radius: 5px;
  }
  
  .nav-link.white ul.dropdown-menu li {
    border-bottom: 1px solid #3ba17c;
  }
}


@media only screen and (min-width: 992px) {
  nav.navbar.white {
   padding: .5rem 0 0.5rem;
   margin-left: 15px;
   margin-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {  
  ul.navbar-nav.align-items-sm-start.white {
    padding-left: 4rem;
  }
}


@media only screen and (min-width: 1981px) {  
   .highRes-background {
    max-width: 1900px;
    margin: 0 auto;
  }
}

/************ WELCOME SECTION ************/

.solutionsPage-background {
  height: 58rem;
  margin-top: -7rem;
  background-size: cover;
}

.solutionsPage-background-mob {
     display: none;
  }

.solutionsPage-header {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  margin-top: -49rem;
  margin-bottom: 2rem;
}

.solutionPage-welcome-text p {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #fff;
  text-align: center;
  font-size: 20px;
/*   min-height: 9rem; */
}

.solutions-button-container {
  display: flex;
  justify-content: center;
  margin-top: 2.7rem;
  margin-bottom: 4rem;
}

.solutions-divider-container {
  width: 100%;
}

.solutions-divider {
  margin: 0 auto;
  width: 100;
  width: 72%;
  display: block;
  margin-bottom: 1.5rem;
}

.solutions-header-card-container {
  display: flex;
  justify-content: space-between;
}

.solutions-header-card1-container, .solutions-header-card2-container, .solutions-header-card3-container {
  margin: 0 1.5rem;
}

.solutions-header-card {
  opacity: 0;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp-1 {
  -webkit-animation: fadeInUp;
  animation: fadeInUp 0.7s linear;
  animation-fill-mode: forwards;
}

.fadeInUp-2 {
  -webkit-animation: fadeInUp;
  animation: fadeInUp 0.7s linear;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}

.fadeInUp-3 {
  -webkit-animation: fadeInUp;
  animation: fadeInUp 0.7s linear;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;  
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .solutionsPage-background-mobile {
    display: block;
  }
  
  .solutionsPage-background {
    display: none;
  }
  
  .solutionsPage-header {
    display: none;
  }
  
  h2.solutionsPage-header-mobile {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    padding-top: 2.5rem;
  }

  .solutionsPage-background-mobile {
    display: block;
    background-position: center;
    background-size: cover;
    height: 78rem;
  }
  
  .solutionPage-desktopContainer {
    display: none;
  }
  
  .solutionPage-mobileContainer {
    display: block;
  }
  
  .solutionPage-welcome-text-mobile p {
    color: #fff;
    font-size: 17px;
    margin-bottom: .5rem;
    text-align: center;
    line-height: 1.7rem;
    padding-top: 0.7rem;
  }
  
  .solutions-header-card-mobile1, .solutions-header-card-mobile2, .solutions-header-card-mobile3 {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0,0,0,.2);
  }
  
  .col-md-4.solutions-mobile {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 12px;
  }
  
  .solutions-button-container-mobile {
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    justify-content: space-between;
  }
  
  .solutions-getDemo-mobile  {
    width: 48.5%;
    margin: 0 auto;
  }
  
  .solutions-getDemo-mobile .get-a-demo-solutions {
    width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
  }
  
  .solutions-getDemo-mobile .get-a-demo-solutions-transparent {
    width: 100% !important;
    height: 52px !important;
    line-height: 52px !important;
  }
  
  .solutions-header-card-container-mobile {
    position: relative;
  }
  
  .solutions-arrow-1 {
    position: absolute;
    top: 10%;
    z-index: 100;
    left: 75%;
  }
  
  .solutions-arrow-1 img {
    width: 97%;
  }
  
  .solutions-arrow-2 img {
    width: 100%;
  }
  
  .solutions-arrow-2 {
    position: absolute;
    z-index: 100;
    top: 58%;
    left: 7%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 369px) {
  .solutions-arrow-2 img {
      width: 90%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
  .solutionsPage-background-mobile {
    height: 72rem;
  }
}

@media only screen and (min-width: 376px) and (max-width: 427px) {
  .solutionsPage-background-mobile {
    height: 78rem;
    margin-top: -5.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 6rem;
  }
}

@media only screen and (min-width: 428px) and (max-width: 449px) {
  .solutionsPage-background-mobile {
    height: 82rem;
    margin-top: -5.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 6rem;
  }
}

@media only screen and (min-width: 450px) and (max-width: 504px) {
  .solutionsPage-background-mobile {
    height: 92rem;
    margin-top: -11.5rem;  
  }
  
  .solutionPage-mobileContainer {
    padding-top: 12rem;
  }
}

@media only screen and (min-width: 505px) and (max-width: 569px) {
  .solutionsPage-background-mobile {
    height: 104rem;
    margin-top: -17.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 18rem;
  }
}

@media only screen and (min-width: 570px) and (max-width: 639px) {
  .solutionsPage-background-mobile {
    height: 117rem;
    margin-top: -26.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 27rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 709px) {
  .solutionsPage-background-mobile {
    height: 130rem;
    margin-top: -35.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 36rem;
  }
}

@media only screen and (min-width: 710px) and (max-width: 767px) {
  .solutionsPage-background-mobile {
    height: 140rem;
    margin-top: -38.5rem;
  }
  
  .solutionPage-mobileContainer {
    padding-top: 39rem;
  }
}

@media only screen and (min-width: 768px) {
  .solutionPage-mobileContainer {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  img.solutions-header-card {
    max-width: 100%;
  }
  
  .solutions-button-container {
    margin-top: 2rem;
    margin-bottom: 1.7rem;
  }
}

@media only screen and (min-width: 1981px) {
  div.solutionsPage-background {
    min-height: 58rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
} 

/************ LOGOS SECTION ************/

.solutions-logo-carousel-header {
    color: #454545;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 4rem;
    margin-top: 10.2rem;
}

.solitions-logos-gridContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1.5%;
}

.grid-logos-line1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.grid-logos-line2 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.logoRotor li img{max-height:80px!important;max-width:100%}

.demo-logo-col {
  margin-bottom: 20px;
  width: 16.8%;
  float: left;
  margin-right: 4%;
}

.demo-logo-col:last-child {
  margin-right: 0;
}

.demo-logo-col-iiner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.demo-logo-imgwrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

ul.logoRotor {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 80px;
}

ul.logoRotor li{
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center; 
  line-height: 30px; 
}

.logoRotor li img {
  max-height: 80px!important;
  max-width: 100%;
}


.image-rotor1 li:nth-child(7) {
  opacity: 1;
  -webkit-animation: xfade 50s 1s infinite;
  -moz-animation: xfade 50s 1s infinite;
  animation: xfade 50s 1s infinite;
}

.image-rotor1 li:nth-child(6) {
  -webkit-animation: xfade 50s 8s infinite;
  -moz-animation: xfade 50s 8s infinite;
  animation: xfade 50s 8s infinite;
}

.image-rotor1 li:nth-child(5) {
  -webkit-animation: xfade 50s 15s infinite;
  -moz-animation: xfade 50s 15s infinite;
  animation: xfade 50s 15s infinite;
}

.image-rotor1 li:nth-child(4) {
  -webkit-animation: xfade 50s 22s infinite;
  -moz-animation: xfade 50s 22s infinite;
  animation: xfade 50s 22s infinite;
}

.image-rotor1 li:nth-child(3) {
  -webkit-animation: xfade 50s 29s infinite;
  -moz-animation: xfade 50s 29s infinite;
  animation: xfade 50s 29s infinite;
}

.image-rotor1 li:nth-child(2) {
  -webkit-animation: xfade 50s 36s infinite;
  -moz-animation: xfade 50s 36s infinite;
  animation: xfade 50s 36s infinite;
}

.image-rotor1 li:nth-child(1) {
  -webkit-animation: xfade 50s 43s infinite;
  -moz-animation: xfade 50s 43s infinite;
  animation: xfade 50s 43s infinite;
}


.image-rotor3 li:nth-child(6),.image-rotor5 li:nth-child(6) {
  opacity: 1;
  /* For older browsers that don't support animation */
  -webkit-animation: xfade 55s 2s infinite;
  -moz-animation: xfade 55s 2s infinite;
  animation: xfade 55s 2s infinite;
}

.image-rotor3 li:nth-child(5),.image-rotor5 li:nth-child(5)  {
  -webkit-animation: xfade 55s 12s infinite;
  -moz-animation: xfade 55s 12s infinite;
  animation: xfade 55s 12s infinite;
}

.image-rotor3 li:nth-child(4),.image-rotor5 li:nth-child(4) {
  -webkit-animation: xfade 55s 21s infinite;
  -moz-animation: xfade 55s 21s infinite;
  animation: xfade 55s 21s infinite;
}

.image-rotor3 li:nth-child(3),.image-rotor5 li:nth-child(3)  {
  -webkit-animation: xfade 55s 30s infinite;
  -moz-animation: xfade 55s 30s infinite;
  animation: xfade 55s 30s infinite;
}

.image-rotor3 li:nth-child(2),.image-rotor5 li:nth-child(2) {
  -webkit-animation: xfade 55s 39s infinite;
  -moz-animation: xfade 55s 39s infinite;
  animation: xfade 55s 39s infinite;
}

.image-rotor3 li:nth-child(1),.image-rotor5 li:nth-child(1) {
  -webkit-animation: xfade 55s 47s infinite;
  -moz-animation: xfade 55s 47s infinite;
  animation: xfade 55s 47s infinite;
}


.image-rotor2 li:nth-child(5),.image-rotor4 li:nth-child(5) {
  opacity: 1;
  /* For older browsers that don't support animation */
  -webkit-animation: xfade 55s -3s infinite;
  -moz-animation: xfade 55s -3s infinite;
  animation: xfade 55s -3s infinite;
}

.image-rotor2 li:nth-child(4),.image-rotor4 li:nth-child(4) {
  -webkit-animation: xfade 55s 7s infinite;
  -moz-animation: xfade 55s 7s infinite;
  animation: xfade 55s 7s infinite;
}

.image-rotor2 li:nth-child(3),.image-rotor4 li:nth-child(3) {
  -webkit-animation: xfade 55s 17s infinite;
  -moz-animation: xfade 55s 17s infinite;
  animation: xfade 55s 17s infinite;
}

.image-rotor2 li:nth-child(2),.image-rotor4 li:nth-child(2) {
  -webkit-animation: xfade 55s 26s infinite;
  -moz-animation: xfade 55s 26s infinite;
  animation: xfade 55s 26s infinite;
}

.image-rotor2 li:nth-child(1),.image-rotor4 li:nth-child(1) {
  -webkit-animation: xfade 55s 35s infinite;
  -moz-animation: xfade 55s 35s infinite;
  animation: xfade 55s 35s infinite;
}


@keyframes xfade {
  5% {
    opacity: 1;
  }

  17% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  98% {
    opacity: 0;
  }
}

.demo-logo-wrap {
  padding-top: 35px;
  padding-bottom: 11px;
}

.demo-logo-wrap:after {
  display: table;
  width: 100%;
  content: "";
}

.logoRotor-2 li img{max-height:80px!important;max-width:100%}

.demo-logo-col-2 {
  width: 16.8%;
  float: left;
  margin-right: 4%;
}

.demo-logo-col-2:last-child {
  margin-right: 0;
}

.demo-logo-col-iiner-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.demo-logo-imgwrap-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

ul.logoRotor-2 {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 80px;
}

ul.logoRotor-2 li{
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center; 
  line-height: 30px; 
}

.logoRotor-2 li img {
  max-height: 80px!important;
  max-width: 100%;
}


.image-rotor-2-3 li:nth-child(1) {
  opacity: 1;
  /* For older browsers that don't support animation */
  -webkit-animation: xfade 50s 1s infinite;
  -moz-animation: xfade 50s 1s infinite;
  animation: xfade 50s 1s infinite;
}

.image-rotor-2-3 li:nth-child(2) {
  -webkit-animation: xfade 50s 8s infinite;
  -moz-animation: xfade 50s 8s infinite;
  animation: xfade 50s 8s infinite;
}

.image-rotor-2-3 li:nth-child(3) {
  -webkit-animation: xfade 50s 15s infinite;
  -moz-animation: xfade 50s 15s infinite;
  animation: xfade 50s 15s infinite;
}

.image-rotor-2-3 li:nth-child(4) {
  -webkit-animation: xfade 50s 22s infinite;
  -moz-animation: xfade 50s 22s infinite;
  animation: xfade 50s 22s infinite;
}

.image-rotor-2-3 li:nth-child(5) {
  -webkit-animation: xfade 50s 29s infinite;
  -moz-animation: xfade 50s 29s infinite;
  animation: xfade 50s 29s infinite;
}

.image-rotor-2-3 li:nth-child(6) {
  -webkit-animation: xfade 50s 36s infinite;
  -moz-animation: xfade 50s 36s infinite;
  animation: xfade 50s 36s infinite;
}

.image-rotor-2-3 li:nth-child(7) {
  -webkit-animation: xfade 50s 43s infinite;
  -moz-animation: xfade 50s 43s infinite;
  animation: xfade 50s 43s infinite;
}

.image-rotor-2-2 li:nth-child(1),.image-rotor-2-4 li:nth-child(1) {
  opacity: 1;
  -webkit-animation: xfade 55s 2s infinite;
  -moz-animation: xfade 55s 2s infinite;
  animation: xfade 55s 2s infinite;
}

.image-rotor-2-2 li:nth-child(2),.image-rotor-2-4 li:nth-child(2)  {
  -webkit-animation: xfade 55s 12s infinite;
  -moz-animation: xfade 55s 12s infinite;
  animation: xfade 55s 12s infinite;
}

.image-rotor-2-2 li:nth-child(3),.image-rotor-2-4 li:nth-child(3) {
  -webkit-animation: xfade 55s 21s infinite;
  -moz-animation: xfade 55s 21s infinite;
  animation: xfade 55s 21s infinite;
}

.image-rotor-2-2 li:nth-child(4),.image-rotor-2-4 li:nth-child(4)  {
  -webkit-animation: xfade 55s 30s infinite;
  -moz-animation: xfade 55s 30s infinite;
  animation: xfade 55s 30s infinite;
}

.image-rotor-2-2 li:nth-child(5),.image-rotor-2-4 li:nth-child(5) {
  -webkit-animation: xfade 55s 39s infinite;
  -moz-animation: xfade 55s 39s infinite;
  animation: xfade 55s 39s infinite;
}

.image-rotor-2-2 li:nth-child(6),.image-rotor-2-4 li:nth-child(6) {
  -webkit-animation: xfade 55s 47s infinite;
  -moz-animation: xfade 55s 47s infinite;
  animation: xfade 55s 47s infinite;
}


.image-rotor-2-5 li:nth-child(1),.image-rotor-2-1 li:nth-child(1) {
  opacity: 1;
  -webkit-animation: xfade 55s -3s infinite;
  -moz-animation: xfade 55s -3s infinite;
  animation: xfade 55s -3s infinite;
}

.image-rotor-2-5 li:nth-child(2),.image-rotor-2-1 li:nth-child(2) {
  -webkit-animation: xfade 55s 9s infinite;
  -moz-animation: xfade 55s 9s infinite;
  animation: xfade 55s 9s infinite;
}

.image-rotor-2-5 li:nth-child(3),.image-rotor-2-1 li:nth-child(3) {
  -webkit-animation: xfade 55s 21s infinite;
  -moz-animation: xfade 55s 21s infinite;
  animation: xfade 55s 21s infinite;
}

.image-rotor-2-5 li:nth-child(4),.image-rotor-2-1 li:nth-child(4) {
  -webkit-animation: xfade 55s 27s infinite;
  -moz-animation: xfade 55s 27s infinite;
  animation: xfade 55s 27s infinite;
}

.image-rotor-2-5 li:nth-child(5),.image-rotor-2-1 li:nth-child(5) {
  -webkit-animation: xfade 55s 38s infinite;
  -moz-animation: xfade 53s 38s infinite;
  animation: xfade 55s 38s infinite;
}

.demo-logo-wrap-2 {
  padding-top: 35px;
}

.demo-logo-wrap-2:after {
  display: table;
  width: 100%;
  content: "";
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .solutions-logo-carousel-header {
    font-size: 28px;
    margin: 2.8rem 15px 1rem;
    line-height: 1.4;
  }
  
  .solitions-logos-gridContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.5%;
    grid-row-gap: 2%;
    display:-ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
  }

  .grid-logos-line1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    
  }

  .grid-logos-line2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  
  .demo-logo-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }
  
  .demo-logo-col {
    width: 50%;
    margin: 0 auto;
  }
  
  .demo-logo-col:last-child {
    display: none;
  }

  .demo-logo-wrap> * {
    display: none;
  }
  
  .demo-logo-col:nth-child(1), .demo-logo-col:nth-child(2), .demo-logo-col:nth-child(3) {
    display: block;
    margin: 0.5rem auto 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solutions-logo-carousel-header {
    margin-bottom: 3rem;
    margin-top: 9rem;
    font-size: 32px;
  }
  
  .demo-logo-wrap {
    padding-top: 28px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 800px) {
  .demo-logo-col-2 {
    margin-right: 0;
    width: 100%;
  }

  .demo-logo-wrap-2 {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .solutions-logo-carousel-header {
    margin-bottom: 3rem;
    margin-top: 8rem;
  }
}

@media only screen and (min-width:801px) and (max-width:1150px) {
  
  .demo-logo-wrap-2 {
    padding-left:10px ;
    padding-right:10px;
  }
  
  .demo-logo-wrap-2 {
    padding-left:10px ;
    padding-right:10px;
  }
}

/************ AUDIOGRAM SECTION ************/

.audioSection-background {
    height: 107rem;
    display: flex;
    align-items: center;
    background-size: cover;
}

.embed-responsive.embed-responsive-mobile {
  display: none;
}

section.audioSection-container {
  padding-bottom: 19rem;
}

.col-audioSection .embed-responsive {
  max-width: 600px;
}

.audioSection-header {
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 4.5rem;
}

.col-audioSection {
  height: 48rem;
}

.row-audioSection {
  display: flex;
}

.col-audioSection {
  width: 400px;
  height: 400px;
}

div.card-audioSection {
  border: none;
  background-color: transparent;
  margin-left: 0.8rem;
}

div.card-header-audioSection {
  background: transparent;
  border: none;
  padding: .75rem 0;
}


button.btn-audioSection {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    min-height: 3.8rem;
    height: 3.8rem;
    border-radius: 12px;
    text-transform: none;
    font-weight: 600;
    font-size: 19px;
    text-align: left;
    background-color: #ebba3a;
}

button.btn-audioSection:active, button.btn-audioSection:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

button.btn-audioSection.collapsed {
    outline: none;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
}

button.btn-audioSection.collapse, button.btn-audioSection.collapsing {
    outline: none;
}

.btn-link.btn-audioSection:hover {
    color: #fff;
    text-decoration: none;
}

.audioSection-button-icon {
    width: 37px;
    height: 37px;
    fill: #fff;
    margin-right: 1.1rem;
    margin-left: 0.3rem;
}

div.card-body-audioSection {
    padding: .5rem 1rem .5rem 1rem;
    width: 95%;
}

div.card-body-audioSection p {
    font-size: 17px;
    color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.accordion>.card>.card-header.card-header-audioSection {
    margin-bottom: -12px;
    padding-top: 0;
}

.audiotab {
  display: none;
}

.audiotab.active {
  display: block;
  max-width: 600px;
}

.audiotab.active:focus, .audiotab.active:active, .audiotab.active:visited {
  outline: none;
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
    div.audioSection-background {
   margin-top: 0;
   background-position: center;
   height: 90rem;
  }
  
  section.audioSection-container {
    padding-bottom: 40rem;
  }
}

@media only screen and (min-width: 426px) and (max-width: 599px) {
   div.audioSection-background {
    margin-top: 0;
    background-position: center;
    height: 102rem;
  }
  
  section.audioSection-container {
    padding-bottom: 40rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
   div.audioSection-background {
   margin-top: 0;
   background-position: right;
   height: 115rem;
  }
  
  section.audioSection-container {
    padding-bottom: 48rem;
  }
}

@media only screen and (min-width: 800px) and (max-width: 991px) {
  div.audioSection-background {
   margin-top: 0;
   background-position: right;
   height: 115rem;
  }
  
  section.audioSection-container {
    padding-bottom: 45rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .audioSection-header {
    font-size: 28px;
  }
  
  button.btn-audioSection {
    min-height: 4rem;
    height: 4rem;
  }
  
  div.card-body-audioSection p {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .card.solutions-mobile {
    background-color: transparent;
    border: none;
  }
  
  .card-header.solutions-mobile {
    border: none;
    background-color: transparent;
    padding: 0;
  }
  
  button.btn-audioSection-mobile {
    min-height: 4rem;
    height: 4rem;
  }
  
  div.card-body-audioSection-mobile {
    width: 100%;
  }
  
  .video-solutions-mobile {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
  div.col-audioSection.tab-content {
    display: none;
  }
  
  div.col-audioSection {
    padding-left: 0;
  }
  
  .embed-responsive.embed-responsive-mobile {
    display: block;
    margin: 0 auto;
  }
  
  .audioSection-background {
    margin-bottom: 6rem;
  }
  
  div.card-audioSection {
    margin-left: 0;
  }
  
  .audioSection-header {
    margin-bottom: 2.5rem;
    line-height: 1.4;
  }
  
  div.card-audioSection h5 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .audioSection-background {
    margin-top: -6rem;
  }
  
  button.btn-audioSection {
    width: 81%;
    margin: 0 auto;
  }
  
  div.card-body-audioSection {
    width: 100%;
  }
  
  .audioSection-header {
    font-size: 32px;
  }
  
  div.card-body-audioSection p {
    width: 80%;
    margin: 0 auto;
    padding: 1rem 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  section.audioSection-container {
    padding-bottom: 10rem;
  }
  
  .audioSection-background {
    height: 95rem;
    margin-top: -4rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1799px) {
  section.audioSection-container {
    padding-bottom: 14rem;
  }
}


@media only screen and (min-width: 1981px) {
  .audioSection-background {
    height: 111rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  section.audioSection-container {
    padding-bottom: 15rem;
  } 
} 

/************ MODULES SECTION ************/

.modules-background {
  margin-top: -3rem;
}

.modules-container-mobile {
  display: none;
}

.modules-header {
  color: #454545;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 4.5rem;
}

.col-modules {
  height: 48rem;
}

.row-modules {
  display: flex;
}

.module-button-icon {
    width: 32px;
    height: 32px;
    margin-left: 0.5rem;
    fill: #454545;
    margin-right: 1rem;
}

.module-description-icon {
    width: 28px;
    height: 28px;
    fill: #454545;
}

.module-button-container {
    display: flex;
    align-items: center;
    height: inherit;
    border: none;
}

.module-button-name {
    text-transform: none;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
}

li {
   list-style-type: none; 
}

li.tab-cell.solutions {
    width: 48%;
    height: 4rem;
    margin-left: 20px;
    margin-bottom: 10px;
}

li.tab-cell .modules-tabs {
    background-color: #ededed;
    color: #454545;
    min-height: 3.8rem;
    height: 3.8rem;
    border-radius: 12px;
    margin-bottom: 12px;
}

li.tab-cell .modules-tabs.active {
    background-color: #454545;
    color: #fff;
}

li.tab-cell .modules-tabs.active .module-button-icon {
    fill: #fff;    
}

.nav.modules-nav {
    height: 48rem;
    flex-direction: column;
    justify-content: normal;
    margin-left: 1rem;
}

.module-description-container {
    height: 35rem;
}

.module-description-container-image {
    width: 100%;
}

.module-description-header-container {
  display: flex;
  margin-top: 28px;
  margin-bottom: 1rem;
  width: 92%;
}

.module-description-header {
  font-size: 22px;
  font-weight: bold;
  color: #454545;
  margin-left: 12px;
}

.module-description-text {
  font-size: 19px;
  color: #454545;
  width: 90%;
  height: 21.5rem;
  flex-direction: column;
  justify-content: space-between;
}

.module-description-textContent {
  min-height: 19.5rem;
}

.module-description-text p {
  margin-bottom: 0;
  line-height: 1.7rem;
  padding-bottom: 2.3rem;
}

div.modules-tabber {
  width: 100%;
}

.modules-left-image.lazyloaded {
  border-radius: 8px;
}

a.tab-name.active.modules-tabs:hover {
  color: #fff;
}

a.module-find-out-link {
  text-decoration: none;
  color: #454545;
  font-size: 21px;
  font-weight: 600;
}

a.module-find-out-link:hover {
  text-decoration: none;
  color: #454545;
}

.module-find-out-more {
  border-bottom: 2px solid #454545;
  display: flex;
  justify-content: space-between;
}

.module-find-out-more-text {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.module-find-out-more .fa-chevron-right {
    font-size: 16px;
    line-height: 1.7rem;
    margin-right: 1rem;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .modules-container-mobile {
    display: block;
    margin: 0 5px;
  }
  
  .row-modules.modules-container {
    display: none;
  }
  
  div.modal-body {
    padding: .5rem 1rem;
  }
  
  .module-description-container {
    height: 26rem;
  }

  
  .module-description-text {
    width: 100%; 
  }
  
  .module-description-textContent {
    min-height: unset;
  }
  
  .module-description-text {
    height: 11.5rem;
  }
  
  .module-description-header-container {
    margin-bottom: .5rem;
    margin-top: 1rem;
  }
  
  .module-description-icon {
    width: 25px;
    height: 25px;
  }
  
  .module-description-header {
    font-size: 20px;
  }
  
  .module-description-container img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  
  .module-description-text p {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 1rem;
  }
   
  .modules-header {
    font-size: 28px;
    margin-bottom: 2.5rem;
    line-height: 1.4;
  }
  
  .close.close-modules span {
    background-color: #777777;
    color: #fff;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: lighter;
    display: block;
    text-align: center;
    border-radius: 50%;
  }
  
  .close.close-modules {
    opacity: 1;
  }
  
  .modal-header .close.close-modules {
    z-index: 100;
    padding-right: 5px;
  }
  
  button.close.close-modules, button.close.close-modules:active, button.close.close-modules:focus {
    outline: none !important;
  }
  
  .modules-container-buttons-mobile {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-wrap: wrap;
    max-height: 50rem;
    align-items: center;
  }
  
  .modules-module-item-mobile {
    width: 47%;
    height: 4rem;
    margin-bottom: 10px;
  }
  
  .modules-image-mobile {
    width: 100%;
    border-radius: 5px;
  }
  
  .module-button-mobile {
    display: flex;
    align-items: center;
    height: inherit;
    border: 0;
    border-radius: 12px;
    width: 100%;
    background-color: #eee;
  }
  
  button.module-button-mobile, button.module-button-mobile.active, button.module-button-mobile:focus {
    outline: none !important;
  }
  
  button.module-button-mobile.active, button.module-button-mobile:focus {
    background-color: #454545;
  }
  
  button.module-button-mobile.active .module-button-name{
    color: #fff;
  }
  
  button.module-button-mobile.active .module-button-icon {
    fill: #fff;
  }
  
 .module-button-name {
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    line-height: 1.3;
    padding-right: 10px;
  }

  .module-button-icon {
    margin-left: 0.8rem;
  }
  
  .modal-dialog.modal-dialog-modules {
    max-width: 100%;
    margin-top: 1rem;
  }
  
  .modal-content.modal-content-modules {
    border: none;
    border-radius: 15px;
    background: #fff; 
    box-shadow: 0px 0px 25px #ccc;
  }
  
  .modal-header.modal-header-modules {
    border-bottom: 0;
    padding: .5rem 1.5rem 0 0;
  }
  
  .modal-footer.modal-footer-modules {
    justify-content: center;
    border-top: 0;
    margin-bottom: 1rem;
    padding: 0;
  }
  
  .modal-footer-text {
    text-transform: uppercase;
    color: #454545;
    font-weight: bold;
    padding: .8rem .5rem 0;
    font-size: 13px;
  }
  
  .modal-footer .triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #ffc838;
    border-bottom: 10px solid transparent;
    margin-top: 1rem;
  }
  
  .modal-footer .triangle-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #ffc838;
    border-bottom: 10px solid transparent;
    margin-top: 1rem;
  }
  
  .modal-footer-modules .triangle-right {
    background-color: #fff;
    opacity: .5;
  }
  
  div.modal-backdrop.fade.show {
    background-color: #fff;
    height: 60rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  
  .modules-background {
    margin-top: -5rem;
  }
  
  .tab-cell>a.modules-tabs {
    padding: 0;
  }
  
  .modules-left-image {
    width: 100%;
  }
  
  .module-description-header-container {
    font-size: 20px;
  }
  
  .modules-header {
    font-size: 32px;
  }
  
  .module-description-text {
    font-size: 16px;
  }
  
  .nav.modules-nav {
    margin-left: 0;
    margin-right: 15px;
  }
  
  .module-button-icon {
    margin-left: .7rem;
    margin-right: 0.7rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .module-button-name {
    font-size: 17px;
  }
  
  .module-button-icon {
    width: 25px;
    height: 25px;
    margin-right: 0.5rem;
  }
  
  div.modules-tabber {
    width: 98%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modules-background {
    margin-top: -5rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .modules-background {
    margin-top: -4rem;
  }
}

/************ BENEFITS SECTION ************/

.solutionsBenefits-background {
    height: 104rem;
    background-size: cover;
    background-position: center;
    margin-top: -5rem;
}

.solutionsBenefits-container {
  padding-top: 29rem;
}

.solutionsBenefits-header{ 
  font-size: 40px;
  font-weight: 600;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  margin-bottom: 4.5rem;
}

.solutions-container {
  margin: 0 auto;
}

.solutionsBenefits-list-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 22rem;
  padding: 0;
  margin: 0 auto;
}

.solutionsBenefits-listItem {
    list-style-type: none;
    width: 18%;
    background-clip: content-box;
    list-style: none;
    align-items: stretch;
    margin-bottom: 2.5rem;
    margin-left: 1rem;
}

.solutionsBenefits-Item {
  display: block;
  text-decoration: none;
  color: #fff;
  width: 100%;
  font-weight: bold;
  font-size: 17px;
  cursor: pointer;
}

.solutionsBenefits-Item:hover { 
  text-decoration: none; 
  color: #fff;
  cursor: pointer;
}

.solutionsBenefits-listItem:hover i.fa-chevron-right {
    -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.solutionsBenefits-button-icon {
    height: 30px;
    width: 30px;
    fill: #fff;
    margin-right: 1rem;
    margin-bottom: 3px;
}

.solutionsBenefits-listItem-box {
    border-bottom: 2px solid rgba(255,255,255,0.3);
    display: flex;
}

.solutionsBenefits-listItem-box .fa-chevron-right {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 2rem;
  transition: .3s;
}

.solutionsBenefits-listItem-box-popup {
  position: relative;
}

.solutionsBenefits-listItem-box-popup .popupText {
    opacity: 0;
    visibility: hidden;
    transition: .3s opacity,.3s visibility;
    background-color: #fff;
    color: #454545;
    border-radius: 6px;
    padding: 0.7rem 1rem 0.7rem 1rem;
    position: absolute;
    z-index: 1;
    top: 95%;
    left: -1%;
    max-width: 13rem;
    width: 12.7rem;
    line-height: 1.3rem;
    font-size: 15px;
}

.solutionsBenefits-listItem-box-popup:hover .popupText {
  visibility: visible;
  opacity: 1;
}

.solutionsBenefits-listItem-box-popup:active .popupText {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 320px) and (max-width: 434px) {
  .solutionsBenefits-background {
    height: 126rem;
    margin-top: 3rem; 
  }
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
  
  ul.solutionsBenefits-list-container {
    justify-content: normal;
  }
  
  span.solutionsBenefits-Item {
    font-size: 14px;
  }
  
  .solutionsBenefits-button-icon {
    height: 20px;
    width: 20px;
  }
  
  li.solutionsBenefits-listItem {
    width: 48%;
    margin-left: 0;
  }
  
    i.fa-chevron-right {
    padding-right: 10px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .solutionsBenefits-button-icon {
    height: 25px;
    width: 25px;
  }
  
  .solutionsBenefits-listItem {
    width: 45%;
    margin-right: .5rem;
    margin-left: .5rem;
  }
}

@media only screen and (min-width: 435px) and (max-width: 767px) {
  div.solutionsBenefits-background {
    height: 115rem;
    margin-top: 0;
  }
  
  section.container-xl.solutionsBenefits-container {
    padding-top: 5rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .solutionsBenefits-background {
    cursor: pointer;
  }
  
  .container-xl.solutionsBenefits-container {
    padding-top: 7rem;
  }
  
  .solutionsBenefits-list-container {
    flex-direction: row;
    justify-content: center;
  }
  
  
  .solutionsBenefits-header {
    font-size: 28px;
    width: 100%;
    margin-bottom: 2rem;
    line-height: 1.4;
  }
  
  .solutionsBenefits-listItem {
    width: 45%;
  }
  
  .solutionsBenefits-Item {
    font-size: 15px;
    line-height: 2;
  }
  
  .solutionsBenefits-button-icon {
    margin-right: 0.5rem;
  }

  .solutionsBenefits-listItem-box-popup .popupText {
    width: 11.7rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solutionsBenefits-background {
    margin-top: -8rem;
    cursor: pointer;
  }
  
  .solutionsBenefits-container {
    padding-top: 24rem;
  }
  
  .solutionsBenefits-list-container {
    flex-direction: row;
    justify-content: center;
  }
  
  .solutionsBenefits-header {
    font-size: 32px;
  }
  
  .solutionsBenefits-listItem {
    width: 27%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  
  
  .solutionsBenefits-Item {
    font-size: 15px;
    line-height: 1.9;
  }
  
  .solutionsBenefits-listItem-box-popup .popupText {
    max-width: 12rem;
    width: 11.5rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .solutionsBenefits-background {
    cursor: pointer;
  }
  
  .solutionsBenefits-listItem-box-popup .popupText {
    max-width: 12.5rem;
    width: 12rem;
  }
  
  .solutionsBenefits-button-icon {
    margin-right: 0.5rem;
  }
  
    .solutionsBenefits-Item {
    font-size: 16px;
    line-height: 1.8;
  }
  
  .solutionsBenefits-container {
    padding-top: 25rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solutionsBenefits-background {
    margin-top: -8rem;
    height: 102rem;
  }
  
  .solutionsBenefits-container {
    padding-top: 25rem;
  }
  
  .solutionsBenefits-list-container {
    margin-right: 1rem;
    justify-content: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1320px) {
  .solutionsBenefits-background {
    cursor: pointer;
  }
}

@media only screen and (max-width: 1980px) {
  .solutionsBenefits-background {
    cursor: pointer;
  }
}

@media only screen and (min-width: 1980px) {
  .solutionsBenefits-background {
    background-size: contain;
    background-repeat: no-repeat;
  }
}


/************ OTHER SOLUTIONS SECTION ************/

.OS-container {
  margin-top: -39rem;
  max-height: 28rem;
}

.OS-container, .OS-cards-container {
  display: flex;
}

.solutions-OS-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.5%;
    grid-row-gap: 2%;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
}

.header-OS {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  font-size: 40px;
  font-weight: 600;
  margin-right: 1rem;
  color: #fff;
}
  
.OS-card.card1 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.OS-card.card2 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}

.header-benefits {
  text-align: center;
}

.OS-card {
  width: 21.5rem;
  box-shadow: 0 0 17px rgba(0,0,0,0.1);
  border-radius: 10px;
  background-color: #fff;
}

.solutions-OS-grid-container .card1 {
  margin-right: 1.4rem;
}

.OS-card-content {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.OS-card-icon {
    width: 40px;
    height: 40px;
    margin-top: 1.7rem;
    margin-bottom: 1.5rem;
}

.OS-card-header {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.3rem;
  width: 75%;
}

.OS-card-text {
  font-size: 16px;
}

.OS-card-text p {
  min-height: 9rem;
  margin-bottom: 2rem;
}

.OS-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.7rem;
  border: none;
  border-radius: 7px;
  margin-bottom: 1.5rem;
}

a.OS-button:hover {
  text-decoration: none;
}

a.OS-button, a.OS-button:active, a.OS-button:focus {
  outline: none;
}

.OS-button span {
    margin-left: 1.2rem;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

.OS-button .fa-chevron-right {
    margin-right: 1.2rem;
    color: #fff;
    font-size: 16px;
}

.button1 {
  background-color: #5ea94c;
}

.button2 {
  background-color: #ebba3a;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .OS-card-header {
    font-size: 24px;
  }
  
  section.OS-container {
    margin-top: -67rem;
  }
  
  .solutions-OS-grid-container {
    grid-template-columns: 1fr;
    -ms-grid-template-columns: 1fr;
    grid-gap: 0;
    -ms-grid-gap: 0;
  }
  
  
    h2.header-OS {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    -ms-grid-column: 1 / 2;
    -ms-grid-row: 1 / 2;
    font-size: 28px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    padding-bottom: 14px;
    line-height: 1.4;
    width: 90%;
  }
  
  .OS-card {
    width: 100%;
  }
  
  .OS-card.card1 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      margin: 0 auto 1rem;
  }

  .OS-card.card2 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
      -ms-grid-column: 1;
      -ms-grid-row: 3;
      margin: 0 auto;
    }
} 

@media only screen and (min-width: 435px) and (max-width: 767px) {
  section.OS-container {
    margin-top: -55rem;
  }
  
  div.OS-card.card2 {
    padding-bottom: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 div.solutions-OS-grid-container h2.header-OS {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      font-size: 32px;
      margin: 12rem auto 2rem;
      text-align: center;
      font-weight: 600;
  }
} 

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .container-xl.OS-container {
    display: block;
    margin-top: -48rem;
  }
  
  .solutions-OS-grid-container {
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-template-columns: 1fr 1fr;
    grid-gap: 5%;
  }
  
  h2.header-OS {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    grid-column: 1;
    grid-row: 1;
    font-size: 40px;
    margin: 2rem auto;
    text-align: center;
    font-weight: 600;
  }
  
  .OS-card.card1 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      margin-left: auto;
      margin-right: 0;
    }

  .OS-card.card2 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      grid-column: 2;
      grid-row: 2;
      margin-right: auto;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container-xl.OS-container {
    padding: 0 2rem;
    display: block;
  }
  
  .header-OS {
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
  }

  .OS-container {
    margin-top: -44rem;
  }
}

@media only screen and (min-width: 1981px) {
  section.other-solutions-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 104rem;
  }
} 


/************ MISC SECTION ************/

.container-xl.bottom-grid.solutions-miscSection {
  margin-top: 10.5rem;
  padding-bottom: 7rem;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .solutions-miscSection .misc-header {
    font-size: 28px;
  }
  
  .container-xl.bottom-grid.solutions-miscSection {
    margin-top: 42rem;

  }
}

@media only screen and (min-width: 455px) and (max-width: 767px) {
  div.container-xl.bottom-grid.solutions-miscSection {
      margin-top: 7.5rem;

  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .container-xl.bottom-grid.solutions-miscSection {
    margin-top: 25.5rem;
  }
}

/************ LET'S CHAT SECTION ************/

.solutions-grey-background-bottom {
  height: 38rem;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.bottom-background.solutions-bottom-background {
  background-color: unset;
}

h2.bottom-header.solutions-bottom-header.container-xl {
    padding-top: 12rem;
}

@media only screen and (max-width: 767px) {
  div.bottom-background h2.solutions-bottom-header {
    font-size: 28px;
  }
  
  div.bottom-background h2.bottom-header.solutions-bottom-header {
    padding-top: 9rem;
  }
}

@media only screen and (max-width: 991px) {
  div.solutions-grey-background-bottom {
    height: 34rem;
  }
}  

@media only screen and (min-width: 2000px){
/*   .solutions-grey-background-bottom div.bottom-background {
    height: 55rem;
    margin-top: 0;
  } */
  
/*   .solutions-grey-background-bottom div.bottom-background {
      height: 80rem;
      margin-top: 0;
  } */
}
  
@media only screen and (min-width: 2500px){
/*   .solutions-grey-background-bottom div.bottom-background {
    height: 80rem;
  } */
}

/*OTHER CSS*/

/************ Safety 360 Sep 2020 Option 2 ************/

.span12.widget-span.widget-type-global_group.safety-360 .span4.widget-span.widget-type-custom_widget {
  margin-left: 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .span12.widget-span.widget-type-global_group.safety-360 img {
    margin: 0 auto;
    display: block;
  }
  
  .span12.widget-span.widget-type-custom_widget.safety-360 .span3.team-member-headshot.text-center {
    margin: 0 auto;
  }
  
  .span12.widget-span.widget-type-widget_container.safety-360-header h1 {
    font-size: 32px;
    line-height: 1.5;
    margin-top: 1rem;
  }
  
  .span12.widget-span.widget-type-global_group.safety-360-2logo .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module.widget-type-logo {
    display: flex;
    justify-content: center;
  }
  
  .span12.widget-span.widget-type-global_group.safety-360-2logo .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module.widget-type-logo img {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .span12.widget-span.widget-type-widget_container.safety-360-header h1 {
    margin-top: -14rem;
  }
}

/************ Cupcakes page Oct 2020, template "2 Sections For cupcakes" ************/

@media only screen and (max-width: 800px) {
  div.cupcake-header div.envir-fullimg {
    background-image: none !important;
  }
  
  div.cupcake-header .envir-fullimg-frame {
    padding-left: 0;
  }
  
  div.cupcake-header .envir-fullimg-frame.mobile-img {
    padding-top: 0;
}
  
}


/************ H&S assessment page 2020 ************/

.assessment-form-wrap {
   overflow: auto;
   margin-top: 3rem;
   width: 50% !important;
}

.assessment-form-wrap select {
   height: 29px;
   padding: 0 12px;
   font-size: 14px;
   background-color: #fff;
   border-radius: 5px;
}

.assessment-form-wrap .hs_submit.hs-submit {
    margin-top: 1rem;
}

.assessment-form-wrap span.hs-form-required {
    display: inline-block !important;
}

.assessment-bottom-text {
    margin-top: 10rem;
    margin-bottom: 16rem;  
}

div.assessment-form-wrap form.hs-form fieldset.form-columns-3 .hs-form-field, 
div.assessment-form-wrap form.hs-form .form-columns-2 .hs-form-field .hs-input, 
div.assessment-form-wrap form.hs-form .form-columns-3 .hs-form-field .hs-input,
div.assessment-form-wrap form.hs-form fieldset[class*="form-columns"] .hs-input {
  width: 100% !important;
}

@media only screen and (max-width: 991px) {
  .assessment-form-wrap {
     width: 100% !important;
  }
}

/************ 1% persent safer page ************/

/* Top module */

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 12rem;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #00d27d30;
    color: #000;
}

.onePercent-welcome-video-section {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: 6rem;
  padding-bottom: 2rem;
}

.onePercent-text-container {
  width: 39%;
}

.onePercent-video-container {
  width: 60%;
}

.onePercent-video-container img {
  max-width: 100%;
}

.onePercent-welcome-header {
  padding-bottom: .5rem;
  font-weight: bold;
  font-size: 40px;
  padding: 1rem 0;
  color: #000;
}


.one-percent-image {
  margin-bottom: .7rem;
}

.onePercent-play-image {
  width: 50px;
  height: 60px;
}

.onePercent-welcome-text {
  width: 95%;
  margin-bottom: 2.45rem;
}

.onePercent-welcome-text p {
  font-size: 20px;
}

.onePercent-welcome-text-2 p {
  margin-bottom: 0;
}

.onePercent-video-container-autoplay {
    height: 31rem;
    margin-top: 0rem;
    overflow: hidden;
    position: relative;
    background-size: cover;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -100;
}

.onePercent-button {
  margin-top: 8px;
}

.loading .loader {
  display: none;
}

.loading .loader,
.loading .loader:after,
.loading .loader-mobile,
.loading .loader-mobile:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loading .loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 11px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loading .loader-mobile {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 7px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(40, 156, 148, 0.2);
  border-right: 1.1em solid rgba(40, 156, 148, 0.2);
  border-bottom: 1.1em solid rgba(40, 156, 148, 0.2);
  border-left: 1.1em solid #289c94;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 399px) {
  div.onePercent-button a {
    width: 340px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   
  .container-xl.onePercent-welcome-video-section {
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
   
  .onePercent-text-container, .onePercent-video-container-autoplay {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .onePercent-video-container {
    display: none;
  }
  
  .onePercent-welcome-video-section {
    margin-top: 1rem;
  }
  
  .onePercent-welcome-video-section-mobile {
    display: block;
    margin-top: 2rem;
  }
  
  div.onePercent-welcome-video-section-mobile.container-xl {
    padding: 0 15px;
  }
  
  .onePercent-mobile-content h2.welcome-header-mobile {
    margin: 1.5rem 0 1rem;
    color: #000;
  }
  
  .onePercent-mobile-content .onePercent-welcome-text {
    width: 100%;
  }
  
  .onePercent-mobile-content .onePercent-welcome-text p {
    font-size: 18px;
  }
     
  .onePercent-buttons-container.mobile {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) {
  .onePercent-welcome-video-section-mobile {
    display: none;
  }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
  .onePercent-video-container {
    margin-top: 7%;
  }
   
  .onePercent-video-container-autoplay {
    height: 20rem;
  }
   
   .onePercent-welcome-video-section {
      margin-top: 2rem;
  }
   
  .onePercent-text-container {
    width: 45%;
    padding-right: 1rem;
   }
   
  .onePercent-welcome-text p {
     font-size: 20px;
     margin-bottom: 0.5rem;
   }
   
  .onePercent-buttons {
    margin-top: 1rem;
   }
}   


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .onePercent-video-container-autoplay {
    height: 22rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .onePercent-video-container {
     width: 55%;
   }
   
   .onePercent-welcome-text p {
     font-size: 20px;
     margin-bottom: 0.5rem;
   }
}



@media only screen and (min-width: 1024px) and (max-width: 1199px) {
 .onePercent-video-container-autoplay {
    height: 24rem;
  }
}


/* Navigation */

.onePercent-navigation_container, .onePercent-anchors-container {
  display: flex;
  align-items: center;
}

.onePercent-navigation_container {
  margin-top: 2.5rem;
}

.onePercent-nav-logo-mobile {
  display: none;
}

.onePercent-nav-logo {
  max-width: 180px;
}

.onePercent-nav-logo img, .nav-logo-one-percent img {
  width: 100%;
}

.nav-logo-one-percent {
  max-width: 210px;
}

.onePercent-nav-logo, .nav-logo-one-percent {
  margin-left: 1.5rem;
}

.onePercent-anchors-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.onePercent-anchors-container span {
  padding: 0 1.5rem;
  font-size: 19px;
  font-weight: 600;
}

.onePercent-anchors-container a {
  color: #000;
}

.onePercent-anchors-container a:hover {
  color: #000;
  text-decoration: none;
}

@media only screen and (max-width: 1199px) {
    .onePercent-nav-logo {
      display: none;
    }
  
  .onePercent-anchors-container {
      justify-content: center;
      flex-wrap: wrap;
    }
  
    .onePercent-anchors-container span {
      padding: .5rem 1.5rem 0;
    }
}

@media only screen and (max-width: 768px) {
    .onePercent-nav-logo-mobile {
      display: block;
      width: 45%;
      margin: 2rem auto 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    div.onePercent-nav-logo-mobile {
      display: block;
      width: 25%;
      margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 1199px) {
  .onePercent-navigation_container {
    display: none;
  }
  
  .onePercent-nav-logo-mobile {
    margin: 2rem auto 1rem;
  }
}

/* Text module */

.onePercent-page-text-background, .onePercent-page-text-background .container-xl, .onePercent-page-text-container {
  display: flex;
}

.onePercent-page-text-background {
  z-index: -1;
}

.onePercent-page-text-container {
  margin: 0 auto 1rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.onePercent-page-text-container img.top-image {
  display: block;
  margin: 1rem auto;
}

.onePercent-page-text-container h2, .comeJoin-container h2 {
  margin: 0 auto .5rem;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  color: #000;
}

.onePercent-page-text-container p, .onePercent-book-section-text-container p {
  margin: 0 auto .5rem;
  font-size: 20px;
  padding-top: 1rem;
  width: 90%;
  text-align: center;
  line-height: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .onePercent-page-text-container, .onePercent-book-section-text {
    margin: 2rem auto;
}
  
  .onePercent-page-text-container {
    width: 95%;
}
  
  .onePercent-page-text-container h2, .onePercent-book-section-text-container h2, .comeJoin-page-text-background h2, .onePercentWebinarsSection h2, .onePercentBlogsSection-header h2,
  .contestSection h2 {
    width: 95%;
    font-size: 28px;
    padding: 0;
    color: #000;
    margin: 1rem auto;
    text-align: center;
  }
  
  .onePercent-page-text-container p, .onePercent-book-section-text-container p {
    width: 100%;
    font-size: 18px;
    padding-top: 0;
    color: #454545;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
  .onePercent-page-text-container h2, .onePercent-book-section-text-container h2, .comeJoin-page-text-background h2, .onePercentWebinarsSection h2, .onePercentBlogsSection-header h2,
  .contestSection h2, .onePercentBlogsSection h2 {
    font-size: 32px;
  }
  
  .onePercent-page-text-container p, .onePercent-book-section-text-container p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .onePercent-page-text-container p, .onePercent-book-section-text-container p {
      width: 100%;
  }
}

/* Book Section */

.onePercent-book-section-container {
  display: flex;
  margin: 3rem 0;
}

.onePercent-book-section-header {
  font-weight: bold;
  font-size: 40px;
  color: #000;
}

.onePercent-book-section-text-container {
  margin: auto;
  width: 48%;
}

.onePercent-book-section-image {
  align-self: center;
}

.onePercent-book-section-image img {
  height: auto;
  max-width: 545px;
}

@media only screen and (max-width: 767px) {
  .onePercent-book-section-container {
    flex-direction: column;
  }
  
  .onePercent-book-section-text-container {
    padding-right: 0;
    margin-bottom: 2rem;
    width: 95%;
  }
  
  .onePercent-book-section-image img {
    max-width: 320px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .onePercent-book-section-text-container h2 {
    text-align: left;
  }
  
  .onePercent-book-section-image img {
    max-width: 390px;
  }
}

@media only screen and (min-width: 768px) {
    .onePercent-book-section-text-container p {
    text-align: left;
  }
}

/* Come to join */

.comeJoin-container {
  margin: 7rem auto;
}

.comeJoin-container img {
  display: block;
  margin: 0 auto 1rem;
}

h2.comeJoin-header {
  margin: 0 auto 3rem;
}

.comeJoin-element-container {
    max-width: 18%;
    text-align: center;
}

.comeJoin-element-background {
    min-height: 7rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.comeJoin-image-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .comeJoin-image {
    margin-top: 2rem;
  }

.comeJoin-element-header {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  color: #000;
  line-height: 1.3rem;
  width: 60%;
  margin: .5rem auto .3rem;
}

.comeJoin-element-text {
  line-height: 1.3rem;
}


@media only screen and (max-width: 767px) {
  .comeJoin-element-container {
    max-width: unset;
    margin-bottom: 1.5rem;
  }
  
  .comeJoin-element-header {
    margin: .5rem auto .3rem;
  }
  
  .comeJoin-image-container {
    justify-content: center;
  }

  
  h2.comeJoin-header {
    width: 95%;
    font-size: 28px;
    margin: 2rem 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comeJoin-element-text {
      width: 100%;
      margin: 0 auto;
  }
}

@media only screen and (max-width: 1199px) {
  .comeJoin-container {
    margin: 7rem auto;
  }
}


/* Webinars */

.container-xl.onePercentWebinarsSection {
  margin: 0 auto 5rem;
  position: relative;
}

.onePercentWebinarsSection .arrow {
  position: absolute;
  right: 9%;
  top: 8.5rem;
}

.onePercentWebinarsSection-header, .contestSection-header, .onePercentBlogsSection-header {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  color: #000;
}

.onePercentWebinarsSection .spokesperson-image img {
  max-width: 2rem;
}

.onePercentWebinarsSection-text.onePercentWebinarsSection-text p {
    width: 100%;
}

.onePercentWebinarsSection-container {
  display: flex;
  margin-top: 2rem;
}

.onePercentWebinarsSection-webinarsContainer {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}

.onePercentWebinarsSection-card {
  margin-right: .9rem;
  width: 48%;
  height: 18rem;
  background-color: #00d27d;
  padding: .4rem;
  border-radius: 5px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.onePercentWebinarsSection-card-top-section {
    padding: .7rem;
    max-height: 9rem;
    min-height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.onePercentWebinarsSection-card h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  color: #fff;
  line-height: 1.5rem;
}

.onePercentWebinarsSection-card-date {
  display: flex;
}

.onePercentWebinarsSection-card-date img.calendar {
  margin: 0 5px 0 0 ;
}

.onePercentWebinarsSection-card-date span {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.onePercentWebinarsSection-card-date span.view-recording {
  margin-left: 3rem;
  font-weight: bold;
}

.spokespersons-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: .5rem .1rem .1rem;
  min-height: 40%;
  max-height: 8.4rem;
}

.spokesperson-item {
  display: flex;
  margin-left: .2rem;
  padding-bottom: .5rem
}


.spokesperson-information {
  margin-left: .5rem;
  max-width: 7.5rem;
}

h4.spokesperson-name {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}

.onePercentWebinarsSection-card .onePercentWebinarsSection-card-top-section p {
  font-size: 14px;
  margin-bottom: .5rem;
  line-height: 1rem;
  color: #fff;
}

 .onePercentWebinarsSection-card .spokesperson-information p {
  font-size: 11px;
  margin-bottom: 0;
  line-height: .8rem;
  margin-top: 2px;
}

.more-to-come-image {
  margin: 0 auto;
}

.more-to-come-image img {
  height: 95%;
  margin: 0 auto;
  padding-top: .5rem;
}

.onePercentWebinarsSection-form {
  font-weight: 600;
  min-width: 30%;
  margin: 0 auto 0 .5rem;
}

.onePercentWebinarsSection-form form {
/*   max-width: 395px; */
  background-color: #ebf2f8;
  border-radius: 10px;
  padding: 2.2rem 1rem 0;
}

.onePercentWebinarsSection-form input, .onePercentWebinarsSection-form select {
  background-color: #ebf2f8;
  max-width: 100%;
  width: 100%;
  min-height: 3.2rem;
  border: 2px solid #000;
  border-radius: 5px;
  padding-left: .5rem;
  outline: none;
  font-weight: 600;
}

.onePercentWebinarsSection-form input[type="checkbox"], .onePercentWebinarsSection-form input[type="radio"] {
  min-width: 1.2rem;
  min-height: 1rem;
}

.onePercentWebinarsSection-form input[type="radio"] {
  margin-right: .5rem;
}

.onePercentWebinarsSection-form label.hs-form-radio-display span {
    vertical-align: text-bottom;
}

.onePercentWebinarsSection-form .hs-form-booleancheckbox span strong {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}

.onePercentWebinarsSection-form .hs-form-booleancheckbox span {
    font-weight: 400;
    text-transform: uppercase;
    margin-left: .5rem;
    font-size: 14px;
}

.onePercentWebinarsSection-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.onePercentWebinarsSection-form .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.onePercentWebinarsSection-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.onePercentWebinarsSection-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg), 
.onePercentWebinarsSection-form .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field label:not(.hs-error-msg), 
.onePercentWebinarsSection-form .hs_mobilephone.hs-mobilephone.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg) {
/*   display: none; */
}

.onePercentWebinarsSection-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field,
.onePercentWebinarsSection-form .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field,
.onePercentWebinarsSection-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field,
.onePercentWebinarsSection-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field,
.onePercentWebinarsSection-form .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field,
.onePercentWebinarsSection-form .hs_mobilephone.hs-mobilephone.hs-fieldtype-text.field.hs-form-field {
  margin: 0 0 12px 0;
}

.onePercentWebinarsSection-form label.hs-error-msg, .onePercentWebinarsSection-form label.hs-main-font-element {
  color: #f04251;
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1.2;
  font-weight: 500;
}

.onePercentWebinarsSection-form .hs_updates_from_one_percent_safer.hs-updates_from_one_percent_safer.hs-fieldtype-checkbox.field.hs-form-field span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
}

.onePercentWebinarsSection-form input::-webkit-input-placeholder, 
.onePercentWebinarsSection-form textarea::-webkit-input-placeholder, 
.onePercentWebinarsSection-formselect::-webkit-input-placeholder {
  color: #000;
}

.onePercentWebinarsSection-form input::-moz-placeholder, 
.onePercentWebinarsSection-form textarea::-moz-placeholder, 
.onePercentWebinarsSection-form select::-moz-placeholder {
  color: #000;
}

.onePercentWebinarsSection-form .hs-richtext.hs-main-font-element h3 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.onePercentWebinarsSection-form .hs_submit.hs-submit .actions {
  width: 65%;
  margin: 1.5rem auto 0;
  border-radius: 5px;
}

.onePercentWebinarsSection-form .hs_submit.hs-submit .actions input {
  color: #fff;
  font-weight: 600;
  background-color: #000;
  border-radius: 5px;
  margin-bottom: 3rem;
}

.onePercentWebinarsSection-form ul.no-list.hs-error-msgs.inputs-list {
  margin-bottom: 0;
}

.upcoming-webinars, .previous-webinars, .more-to-come-header {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.upcoming-webinars {
  color: #000;
}

.previous-webinars {
  color: #999;
  margin-top: .5rem;
}

.onePercentWebinarsSection-card.webinars-placeholder {
  max-width: 100%;
  border: #d9f8ec solid 5px;
  background-color: #fff;
  display: flex;
  justify-content: center;
}

.webinars-placeholder h3.more-to-come-header {
  color: #00d27d;
  margin: .5rem 0 .5rem;
}

.more-to-come-text {
  margin: 0 auto;
  width: 70%;
}

.more-to-come-text p {
  padding: 0;
  text-align: center;
  font-size: 15px;
  line-height: 1.2rem;
}

div.onePercentWebinarsSection-webinarsContainer a.previous-webinars-link: hover {
  text-decoration: none;
}

@media only screen and (max-width: 379px) {
  div.onePercentWebinarsSection-card a.onePercentWebinarsSection-card {
    min-height: 19rem;
  }
  
  .onePercentWebinarsSection-card-top-section {
    padding: .5rem;
    max-height: 10rem;
  }
  
  .spokespersons-container {
    min-height: 39.5%;
    max-height: unset;
    margin-top: 3px;
  }
  
  div.spokesperson-information {
    margin-left: .5rem;
    margin-right: 0;
    max-width: 6.5rem;
  }
  
  div.spokesperson-item {
    padding-bottom: 0;
  }
  
  .onePercentWebinarsSection-card-date span.view-recording {
    margin-left: 2rem;
  }
}

@media only screen and (max-width: 499px) {
  .spokesperson-information {
    margin-left: .5rem;
    margin-right: 1rem;
    max-width: unset;
  }
  
  div.onePercentWebinarsSection-webinarsContainer div.onePercentWebinarsSection-card, div.onePercentWebinarsSection-webinarsContainer a.onePercentWebinarsSection-card {
    max-width: 100%;
    min-width: unset;  
  }
}

@media only screen and (max-width: 594px) {
  .onePercentWebinarsSection-card {
    min-height: 15rem;
  }
}

@media only screen and (max-width: 767px) {
  .onePercentWebinarsSection-container {
    flex-direction: column;
  }
  
  .onePercentWebinarsSection .arrow {
    display: none;
  }
      
  .more-to-come-image img {
    width: 95%;
  }
  
  div.onePercentWebinarsSection-card, a.onePercentWebinarsSection-card {
    max-width: 80%;
    width: unset;
    margin: 0 auto 1rem;
 }
  
  div.onePercentWebinarsSection-form {
    margin: 0 auto;
  }
  
    h2.onePercentWebinarsSection-header, h2.onePercentBlogsSection-header {
    width: 95%;
    font-size: 28px;
    margin: 1rem 0;
  }
  
  .onePercentWebinarsSection-text p {
    width: 100%;
  }
  
  .spokesperson-information {
    margin-left: 0.5rem;
    margin-right: 1rem;
    max-width: 12.5rem;
  }
  
  .spokesperson-information p {
    max-width: 8rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .onePercentWebinarsSection-container {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
  }
  
  .onePercentWebinarsSection-form {
    margin: 0 auto;
  }
  
  .onePercentWebinarsSection .arrow {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1084px) {
  .spokesperson-information {
    max-width: 6.5rem;
    margin-right: .5rem;
  }
  
  .onePercentWebinarsSection-card {
    margin-right: 0; 
  }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .onePercentWebinarsSection-card {
    height: 20rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1049px) {
  .onePercentWebinarsSection .arrow {
    right: 4%;
  }
}

/* Blogs */

.onePercentBlogsSection {
  margin-bottom: 6rem;
}  

.onePercentBlogsSection-featureBlog-header,
.onePercentBlogsSection h3.onePercentBlogsSection-blog-header, .onePercentBlogsSection p.onePercentBlogsSection-blog-date,
.onePercentBlogsSection p.onePercentBlogsSection-featureBlog-date, .onePercentBlogsSection p.onePercentBlogsSection-featureBlog-description,
.onePercentBlogsSection-featureBlog-textContent p {
  color: #000;
}

.onePercentBlogsSection-featureBlog {
  display: flex;
  padding-top: 3rem;
}

.onePercentBlogsSection-featureBlog-rightSection {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.onePercentBlogsSection-featureBlog-image {
  margin-right: 2rem;
}

.onePercentBlogsSection-featureBlog img {
  border-radius: 5px;
}

a.onePercentBlogsSection-featureBlog-URL, a.onePercentBlogsSection-blog-URL {
  text-decoration: none;
}

a.onePercentBlogsSection-featureBlog-URL:hover, a.onePercentBlogsSection-blog-URL:hover {
  text-decoration: none;
}

.onePercentBlogsSection-featureBlog-header {
  margin: .5rem 0;
  font-weight: bold;
  width: 80%;
  font-size: 32px;
  line-height: 1.2;
}

.onePercentBlogsSection .blog-theme {
  color: #f04251;
  font-size: 14px;
}

.onePercentBlogsSection-listOfBlogs {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
}

.onePercentBlogsSection-blogItem {
  max-width: 32.35%;
  flex-wrap: wrap;
  margin-right: 1rem;
  margin-bottom: 2.5rem;
}

.onePercentBlogsSection-blogImage {
  margin-bottom: 1rem;
}

.onePercentBlogsSection-blogItem img {
  border-radius: 5px;
}

.onePercentBlogsSection-blogItem h3 {
  font-weight: bold;
  width: 80%;
  font-size: 26px;
  margin-top: .3rem;
}

.onePercentBlogsSection-blog-date {
  font-size: 1rem;
}

.onePercentBlogsSection-listOfBlogs .onePercentBlogsSection-blogItem:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (min-width: 800px) and (max-width: 1119px) {
  .onePercentBlogsSection-listOfBlogs {
    justify-content: space-between;
  }
  
  div.onePercentBlogsSection-blogItem {
    max-width: 32%;
  }
  
  div.onePercentBlogsSection-blogItem img {
    width: 100%;
  }
  
  .onePercentBlogsSection-blogItem h3 {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .onePercentBlogsSection-featureBlog {
    flex-direction: column;
    padding-top: 2rem;
  }
  
  .onePercentBlogsSection-featureBlog-image {
    margin: 0 auto;
  }
  
  .onePercentBlogsSection-featureBlog-image img {
    width: 100%;
  }
  
  .onePercentBlogsSection-featureBlog-rightSection {
    width: 100%;
    margin-top: .5rem;
  }
  
  .onePercentBlogsSection-featureBlog-header {
    width: 100%;
    font-size: 30px;
  }
  
  .onePercentBlogsSection-featureBlog-date {
    margin-bottom: 1.5rem;
  }
  
  .onePercentBlogsSection-listOfBlogs {
    margin-top: 2.3rem;
  }
  
  .onePercentBlogsSection-blogItem h3 {
    width: 100%;
  }
}

@media only screen and (max-width: 830px) {
  .onePercentBlogsSection {
    margin-bottom: 3rem;
  }
    
  div.onePercentBlogsSection-blogItem img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 830px) {
  .onePercentBlogsSection-listOfBlogs {
    justify-content: space-between;
  }
  
  div.onePercentBlogsSection-blogItem {
    max-width: 47%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  
  .onePercentBlogsSection-blogItem h3 {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .onePercentBlogsSection-featureBlog-description p, .onePercentBlogsSection-readMoreCTA {
    display: none;
  }
  
  div.onePercentBlogsSection-listOfBlogs {
    margin-top: 0;
  }
  
  .container-xl.onePercentBlogsSection {
    margin-bottom: 5rem;
    margin-top: 7rem;
  }
  
  div.onePercentBlogsSection-featureBlog {
    padding-top: .5rem;
  }
  
  div.onePercentBlogsSection-blogItem {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
 
  h3.onePercentBlogsSection-featureBlog-header, h3.onePercentBlogsSection-blog-header {
    width: 100%;
    font-size: 26px;
  }
 
  div.onePercentBlogsSection-featureBlog-rightSection {
    margin-top: 0;
  }
  
  .onePercentBlogsSection .blog-theme {
    margin-top: .3rem;
  }
  
  .onePercentBlogsSection-blogImage {
    margin-bottom: 0;
  }
}

/* Contest */

.container-xl.contestSection {
  margin: 0 auto 5rem;
  position: relative;
}

.side-images {
  position: relative;
}

.contestSection img.arrow {
  position: absolute;
  right: 2%;
  top: -8rem;
  z-index: 100;
}

.contestSection img.books {
  position: absolute;
  right: -13%;
  z-index: -1;
  top: -8.9rem;
}

.contestSection img, .onePercentWebinarsSection img, .onePercentBlogsSection img.top-image {
  display: block;
  margin: 0 auto;
}

.contestSection-header {
  width: 50%;
}

 .contestSection-text p, .onePercentWebinarsSection-text p, .onePercentBlogsSection-text p {
    font-size: 20px;
    margin: 0 auto;
    padding-top: 1rem;
    width: 53%;
    text-align: center;
    line-height: 1.7rem;
}

.contestSection-container {
  display: flex;
  margin-top: 2rem;
}

.contestSection-grid-block {
  min-width: 50%;
}

.contestSection-gridContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 21.5% repeat(4,18.7%);
    grid-column-gap: 3%;
    grid-row-gap: 2%;
    min-width: 50%;

    display:-ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
}

.contestSection-gridContainer .hoverable {
  position: relative;
  border-radius: 5px;
  transition: .25s linear;
/*   border: 4px solid #2699fb; */
}

.contestSection-gridContainer .hoverable img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.contestSection-gridContainer .cover {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    overflow: hidden;
    height: 0;
    transition: .5s ease;
    border-radius: 5px;
}

.contestSection-gridContainer .hoverable:hover {
  transition: all .25s ease-in-out;
  -webkit-transform: scale(1.05);
  transform: scale(1.04);
  z-index: 100;
  box-shadow: 10px 10px 40px rgba(0,0,0,.2);
}

.contestSection-gridContainer .hoverable:hover .cover {
  height: 100%;
}

.contestSection-gridContainer .cover {
  background-color: #fff;
}

.contestSection-gridContainer .hoverable:hover .cover {
  display: flex;
}

.contestSection-gridContainer .contestSection-image1.hoverable:hover .cover {
  flex-direction: row;
  border: 3px solid #ffaa00;
}

h3.person-header {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

div.contestSection-image1 h3.cover-header {
  color: #ffaa00;
}

.cover-person1 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cover-person1 .person-header {
  margin-top: 5px;
  margin-bottom: 3px;
}

.cover-person1 .person-role {
  text-align: center;
}

.cover-person1 .person-role p {
    line-height: .9rem;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}

h3.cover-header {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px; 
}

.cover-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contestSection-gridContainer .cover-text p {
  margin-bottom: 0;
  line-height: 1.2rem;
}

.contestSection-gridContainer .contestSection-image1 {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  display: block;
  -ms-grid-column: 1;
  -ms-grid-row: 1; 
  -ms-grid-column-span: 3;
}

.contestSection-image1 .cover {
  display: flex;
}

.contestSection-image1 .cover-person1 .person-image {
  width: 57%;
  border-radius: 50%;
}

.contestSection-image2 {
  position: relative;
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  -ms-grid-column: 1;
  -ms-grid-row: 2; 
  -ms-grid-row-span: 2;
}

.contestSection-gridContainer .contestSection-image2.hoverable:hover .cover {
  border: 3px solid #984fd6;
}

.contestSection-image2 .cover, .contestSection-image4 .cover, .contestSection-image5 .cover {
  justify-content: space-between;
}

.contestSection-image2 .cover-header {
  margin-top: -5rem;
  color: #984fd6;
}

.contestSection-image2 .cover-person2 .person-image, .contestSection-image4 .cover-person4 .person-image, .contestSection-image5 .cover-person5 .person-image {
  width: 18%;
  border-radius: 50%;
  margin-left: 1.3rem;
  margin-right: .5rem;
}

.cover-person2, .cover-person4, .cover-person5 {
  display: flex;
  margin-bottom: 1rem;
  max-height: 3rem;
}

.person-block2 .person-header, .person-block4 .person-header, .person-block5 .person-header {
  margin-bottom: 0;
  width: 100%;
}  

.person-block2 .person-role, .person-block4 .person-role, .person-block5 .person-role {
  width: 100%;
}

.person-block2 .person-role p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: .9rem;
  font-size: 11px;
} 

.contestSection-image3 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  -ms-grid-column: 2;
  -ms-grid-row: 2; 
}

.contestSection-gridContainer .contestSection-image3.hoverable:hover .cover {
    flex-direction: column;
    justify-content: center;
    border: 3px solid #f04251;
    bottom: -1px;
}

.contestSection-image3 h3.cover-header {
  color: #f04251;
}

.contestSection-image3 .person-header, .contestSection-image6 .person-header {
  margin-left: 1.3rem;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 1.5rem;
}

.contestSection-image3 .cover-text p, .contestSection-image6 .cover-text p {
  font-size: 13px;
  line-height: 1rem;
  margin-bottom: 1.2rem;
}

.contestSection-image4 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 3 / 5;
  -ms-grid-column: 2;
  -ms-grid-row: 3; 
  -ms-grid-row-span: 2;
}

.contestSection-gridContainer .contestSection-image4.hoverable:hover .cover {
  border: 3px solid #2699fb;
}

.contestSection-image4 .cover-header {
  margin-top: -4rem;
  color: #2699fb;
}

.contestSection-image5 {
  position: relative;
  grid-column: 1 / 2;
  grid-row: 4 / 6;
  -ms-grid-column: 1;
  -ms-grid-row: 4; 
  -ms-grid-row-span: 2;
}

.contestSection-gridContainer .contestSection-image5.hoverable:hover .cover {
  border: 3px solid #00d27d;
}

.contestSection-image5 .cover-header {
  margin-top: -1.5rem;
  color: #00d27d;
}

.contestSection-image6 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 5 / 6;
  -ms-grid-column: 2;
  -ms-grid-row: 5; 
}

.contestSection-gridContainer .contestSection-image6.hoverable:hover .cover {
    flex-direction: column;
    justify-content: center;
    border: 3px solid #ff8900;
    bottom: -1px;
}

.contestSection-image6 h3.cover-header {
  color: #ff8900;
}

.quotes1 {
  position: relative;
  height: 8rem;
}

.contestSection-gridContainer .hoverable img.quotes-image1 {
  position: absolute;
  top: 10%;
  width: 3.5rem;
  margin-left: 11rem;
}

.quotes2, .quotes4, .quotes5 {
  position: relative;
  height: 2rem;
}

.quotes3, .quotes6 {
  position: relative;
}

.contestSection-gridContainer .hoverable img.quotes-image3, .contestSection-gridContainer .hoverable img.quotes-image6  {
  position: absolute;
  width: 20%;
  right: 0;
  margin-top: .8rem;
  margin-right: 5px;
}

div.contestSection-gridContainer .hoverable img.quotes-image6  {
  margin-top: 0;
}

.contestSection-gridContainer .hoverable img.quotes-image2, .contestSection-gridContainer .hoverable img.quotes-image4,
.contestSection-gridContainer .hoverable img.quotes-image5 {
  position: absolute;
  width: 20%;
  top: 24%;
  left: 8%;
}


.contestSection-gridContainer .contest-form {
  position: relative;
  grid-column: 3 / 5;
  grid-row: 1 / 4;
  background-color: #2699fb;
  border-radius: 10px;
  z-index: 100;
}

.contest-form {
  margin-left: 1.3rem;
  min-width: 50%;
  font-weight: 600;
}

.contest-form form {
  background-color: #ebf2f8;
  border-radius: 10px;
  padding: 2.2rem 1rem 0;
}

.contest-form h3.hs_cos_wrapper.form-title {
    display: none;
}
.contest-form input, .contest-form textarea, .contest-form select {
  background-color: #ebf2f8;
  min-width: 100%;
  min-height: 3.2rem;
  border: 2px solid #000;
  border-radius: 5px;
  padding-left: .5rem;
  outline: none;
  font-weight: 600;
}

.contest-form select option {
    background-color: white;
}

.contest-form input::-webkit-input-placeholder, 
.contest-form textarea::-webkit-input-placeholder, 
.contest-form select::-webkit-input-placeholder {
  color: #000;
}

.contest-form input::-moz-placeholder, 
.contest-form textarea::-moz-placeholder, 
.contest-form select::-moz-placeholder {
  color: #000;
}

.contest-form fieldset.form-columns-2, .contest-form fieldset.form-columns-1 {
  max-width: none !important;
  margin: 0 0 12px 0;
}

.contest-form fieldset.form-columns-2 .input, .contest-form fieldset.form-columns-1 .input  {
  margin: 0 6px !important;
}

.contest-form .hs_which_platform_are_you_using_to_deliver_health_safety_at_your_company.hs-which_platform_are_you_using_to_deliver_health_safety_at_your_company.hs-fieldtype-select.field.hs-form-field, 
.contest-form .hs_how_satisified_are_you_with_your_current_health_safety_platform_software_paper_xl_0_not_satisfied_a.hs-how_satisified_are_you_with_your_current_health_safety_platform_software_paper_xl_0_not_satisfied_a.hs-fieldtype-select.field.hs-form-field,
.contest-form .hs_when_are_you_planning_to_review_your_health_safety_software_.hs-when_are_you_planning_to_review_your_health_safety_software_.hs-fieldtype-select.field.hs-form-field,
.contest-form .hs_areas_of_operation.hs-areas_of_operation.hs-fieldtype-checkbox.field.hs-form-field,
.contest-form .hs_would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-fieldtype-radio.field.hs-form-field,
.contest-form .hs_if_you_are_using_software_what_is_the_name_of_the_health_safety_software_platform_that_you_are_curr.hs-if_you_are_using_software_what_is_the_name_of_the_health_safety_software_platform_that_you_are_curr.hs-fieldtype-text.field.hs-form-field,
.contest-form .hs_updates_from_one_percent_safer.hs-updates_from_one_percent_safer.hs-fieldtype-checkbox.field.hs-form-field
{
  width: 100%;
}

.contest-form .hs_which_platform_are_you_using_to_deliver_health_safety_at_your_company.hs-which_platform_are_you_using_to_deliver_health_safety_at_your_company.hs-fieldtype-select.field.hs-form-field label, 
.contest-form .hs_how_satisified_are_you_with_your_current_health_safety_platform_software_paper_xl_0_not_satisfied_a.hs-how_satisified_are_you_with_your_current_health_safety_platform_software_paper_xl_0_not_satisfied_a.hs-fieldtype-select.field.hs-form-field label,
.contest-form .hs_when_are_you_planning_to_review_your_health_safety_software_.hs-when_are_you_planning_to_review_your_health_safety_software_.hs-fieldtype-select.field.hs-form-field label,
.contest-form .hs_areas_of_operation.hs-areas_of_operation.hs-fieldtype-checkbox.field.hs-form-field label,
.contest-form .hs_would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-fieldtype-radio.field.hs-form-field label,
.contest-form .hs_if_you_are_using_software_what_is_the_name_of_the_health_safety_software_platform_that_you_are_curr.hs-if_you_are_using_software_what_is_the_name_of_the_health_safety_software_platform_that_you_are_curr.hs-fieldtype-text.field.hs-form-field label {
  margin-left: .5rem;
  margin-top: .7rem;
  margin-bottom: 5px;
}

.contest-form .hs_areas_of_operation.hs-areas_of_operation.hs-fieldtype-checkbox.field.hs-form-field label.hs-form-checkbox-display,
.contest-form .hs_would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-would_you_like_to_get_a_first_look_at_ecoportal_nz_s_leading_h_s_management_software_loved_by_tvnz_.hs-fieldtype-radio.field.hs-form-field label.hs-form-radio-display {
  margin-left: 0;
  margin-top: 0rem;
  margin-bottom: 0px;
}

.contest-form .hs_what_s_your_role_broadly_.hs-what_s_your_role_broadly_.hs-fieldtype-select.field.hs-form-field select {
  width: 50%;
}

.contest-form label.hs-form-checkbox-display {
  margin-top: 2rem;
  margin-bottom: 0;
}

.contest-form .hs_updates_from_one_percent_safer.hs-updates_from_one_percent_safer.hs-fieldtype-checkbox.field.hs-form-field span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 0;
}

.contest-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_n1__safer_message.hs-n1__safer_message.hs-fieldtype-textarea.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_what_s_your_role_broadly_.hs-what_s_your_role_broadly_.hs-fieldtype-select.field.hs-form-field label:not(.hs-error-msg),
.contest-form .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field label:not(.hs-error-msg) {
  display: none;
}

.contest-form label.hs-error-msg, .contest-form label.hs-main-font-element {
  margin-left: .5rem;
  margin-bottom: 0;
  color: #f04251;
}

.contest-form .hs_what_s_your_role_broadly_.hs-what_s_your_role_broadly_.hs-fieldtype-select.field.hs-form-field,
.contest-form .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field {
    margin-top: -6px;
}

.contest-form .hs_submit.hs-submit .actions {
  width: 40%;
  margin: 2.5rem auto 0;
  border-radius: 5px;
}

.contest-form .hs_submit.hs-submit .actions input {
    color: #fff;
    font-weight: 600;
    background-color: #000;
    border-radius: 5px;
    margin-bottom: 3rem;
}

.contest-form .hs_n1__safer_message.hs-n1__safer_message.hs-fieldtype-textarea.field.hs-form-field textarea {
  min-height: 17rem;
}

.contest-form .hs-form-checkbox input, .contest-form .hs-form-radio input {
  min-height: 1rem;
  min-width: 2rem;
}

.contest-form .form-columns-2 span {
/*   margin-left: .5rem; */
}

.contest-form ul.inputs-list.multi-container {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .contestSection-container {
    flex-direction: column;
  }
  
  .side-images {
    display: none;
  }
  
  .contestSection-header {
    width: 90%;
  }
  
  .contestSection-text p {
    padding-top: 0;
    width: 90%;
  }
  
  .contest-form .hs-form-checkbox input, .contest-form .hs-form-radio input {
    min-height: 1rem;
    min-width: 1rem;
    margin-right: 5px;
  }
  
  .contest-form {
    margin-left: 0;
    margin-top: 10%;
  }
}
  

@media only screen and (max-width: 449px) {
  contestSection-gridContainer {
    grid-row-gap: 9px;
  }
}

@media only screen and (max-width: 991px) {
  .contestSection-header {
    display: block;
    margin: 0 auto 1.5rem;
  }
  
  .contest-form .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field, 
  .contest-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field,
  .contest-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field,
  .contest-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field,
  .contest-form .hs_what_s_your_role_broadly_.hs-what_s_your_role_broadly_.hs-fieldtype-select.field.hs-form-field, 
  .contest-form .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field {
    width: 100%;
    float: none;
  }
  
  .contest-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field,
  .contest-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field,
  .contest-form .hs_what_s_your_role_broadly_.hs-what_s_your_role_broadly_.hs-fieldtype-select.field.hs-form-field {
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .contestSection img.books {
    right: 0%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
.contestSection img.arrow {
    right: 2%;
    top: -6.5rem;
    max-width: 24%;
}
  
  .contestSection img.books {
    right: -3%;
    top: -5rem;
    max-width: 25%;
  }
}

@media only screen and (max-width: 1023px) {
  div.contestSection-gridContainer .contestSection-image1.hoverable:hover .cover,
  div.contestSection-gridContainer .contestSection-image2.hoverable:hover .cover,
  div.contestSection-gridContainer .contestSection-image3.hoverable:hover .cover,
  div.contestSection-gridContainer .contestSection-image4.hoverable:hover .cover,
  div.contestSection-gridContainer .contestSection-image5.hoverable:hover .cover,
  div.contestSection-gridContainer .contestSection-image6.hoverable:hover .cover {
    height: 0%;
    border: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .person-block2 .person-role, .person-block4 .person-role, .person-block5 .person-role {
    width: 90%;
  }
  
  .person-block2 .person-header, .person-block4 .person-header, .person-block5 .person-header {
    width: 90%;
  }
  
  .contestSection-image3 .person-header, .contestSection-image6 .person-header {
    margin-left: 1.2rem;
  }
  
  .contestSection-image3 .cover-text p, .contestSection-image6 .cover-text p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1329px) {
  .contestSection img.books {
    right: -3%;
  }
}

/*************** PREVIOUS WEBINAR PAGE ***************/

.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module.widget-type-form.widget-type-form {
  position: relative;
  z-index: 1000;
}

.onePercentLogosContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 4rem;
  max-height: 45px;
}

.onePercentLogosContainer .logo1 {
  height: 40px;
  max-height: 40px;
}

.onePercentLogosContainer .image-line {
  height: 45px;
  width: 35px;
  margin: 0 10px;
}

.onePercentLogosContainer .logo2 {
  max-width: 100%;
  max-height: 40px;
}

@media only screen and (max-width: 767px) {
  .container-xl.onePercentLogosContainer {
    margin-top: 1rem;
 }
  
  .onePercentLogosContainer .logo1 {
    height: 25px;
  }
  
  .onePercentLogosContainer .image-line {
    height: 30px;
    width: 17px;
    margin: 0 5px;
  }
 
  .onePercentLogosContainer .logo2 {
    max-height: 25px;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .onePercentLogosContainer {
    margin-top: 2rem;
  }
}  

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .onePercentLogosContainer .logo2 {
    max-height: 35px;
  }
}

.hs-content-id-44956778775.hs-landing-page.hs-page .header-container-wrapper, .hs-content-id-45100957288.hs-landing-page.hs-page .header-container-wrapper, 
.landing-page.one-column.hs-content-id-45217958298.hs-landing-page.hs-page .header-container-wrapper,
.landing-page.one-column.hs-content-id-45222694273.hs-landing-page.hs-page .header-container-wrapper {
  position: unset;
  width: unset;
  z-index: unset;

}

.landing-page.one-column.hs-content-id-45217958298.hs-landing-page.hs-page .header-container-wrapper,
.landing-page.one-column.hs-content-id-45222694273.hs-landing-page.hs-page .header-container-wrapper {
  padding-top: 0!important;
}

.onePercentSafer-WebinarsSeriesHeader {
  max-width: 85%;
  margin: 0 auto;
}

.onePercentSafer-WebinarsSeriesHeader h1.header {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #454545;
  text-transform: uppercase;
  margin-top: 6rem;
  font-family: 'Source Sans Pro', sans-serif !important;
}

.onePercentSafer-WebinarsSeriesHeader h1.header span {
  font-weight: normal;
  text-transform: none;
}

.onePercentSafer-WebinarsSeriesHeader h2.header-subtext1, .onePercentSafer-WebinarsSeriesHeader h2.header-subtext2 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #999999;
  margin: 35px 0;
  font-family: 'Source Sans Pro', sans-serif !important;
  text-transform: uppercase;
}

.onePercentSafer-WebinarsSeriesHeader h2.header-subtext1.small-gap, .onePercentSafer-WebinarsSeriesHeader h2.header-subtext2.small-gap {
  margin: 14px 0;
}

div.footer-logo-column .footer-background, .footer-background a {
    background: transparent!important;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .onePercentSafer-WebinarsSeriesHeader h1.header {
    margin-top: 5rem;
  }  
  
  .onePercentSafer-WebinarsSeriesHeader h2.header-subtext2 {
    margin-bottom: .5rem;
  }  
}

@media only screen and (max-width: 768px) {
  .onePercentSafer-WebinarsSeriesHeader {
    max-width: 100%;
    margin: 0 auto;
  }
  
  .onePercentSafer-WebinarsSeriesHeader h2.header-subtext1, .onePercentSafer-WebinarsSeriesHeader h2.header-subtext2 {
    margin: 10px 0;
    font-size: 16px;
  }
  
  div.onePercentSafer-WebinarsSeriesHeader h2.header-subtext2 {
    margin-bottom: 0;
  }
  
  .onePercentSafer-WebinarsSeriesHeader h1.header {
    font-size: 24px;
    margin-top: 3rem;
  }
}


/* .WebinarsSeries-container .webinarImage {
  margin-bottom: .5rem;
  display: flex;
} */

/* .WebinarsSeriesSpeakers-container {
  display: flex;
  margin: 16px 0;
  width: 90%;
  z-index: 300!important;
  position: relative;
} */

.WebinarsSeriesSpeakers-aboutWebinar p {
  color: #454545;
  font-size: 30px;
  margin-bottom: .5rem;
}

.WebinarsSeriesSpeakers-aboutWebinar p.webinarDescription {
  font-size: 18px;
  color: #454545;
  line-height: 1.5rem;
  width: 95%;
}

.speakerDescriptionContainer-name {
  font-weight: 300;
  font-size: 24px;
}

.speakerDescriptionContainer-role {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3rem;
}

.webinar-records-onePercentSafer {
  padding: 2rem 0;
}

.onePercentSafer-WebinarsSeriesHeader h1.header.small-gap {
  margin: 3rem 0;
}

div.onePercentSafer-WebinarsSeriesHeader h2.header-subtext2.small-gap {
  margin: 3rem 0 2rem 0;
}

.webinarsSeriesSpeakers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.webinarsSeriesSpeaker {
  max-width: 200px;
  margin: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.webinarsSeriesSpeaker-speakerDescriptionContainer {
  text-align: center;
  margin-top: .5rem;
}

.webinarsSeriesSpeaker {
  max-width: 200px;
}

.webinarsSeriesSpeaker img {
  width: 100px;
  height: 100px;
}

.webinarsSeriesSpeaker-speakerDescriptionContainer .speakerDescriptionContainer-name {
  margin-bottom: 0;
}


@media only screen and (max-width: 768px) {
  .WebinarsSeriesSpeakers-aboutWebinar p {
    font-size: 22px;
    margin-bottom: .3rem;
  }
  
  .speakerDescriptionContainer-name {
    font-size: 22px;
  }
  
  .WebinarsSeriesSpeakers-aboutWebinar p.webinarDescription, .speakerDescriptionContainer-role {
    font-size: 16px;
    line-height: 1.2rem;
    width: 100%;
    margin-bottom: 2rem;
  }
  
  div.onePercentSafer-WebinarsSeriesHeader h2.header-subtext2.small-gap {
    margin: 1rem 0 0;
  }
}


/*************** FORMS' STYLES 2021 ***************/

.form-2021 select {
  outline: none;
}

.form-2021 label {
  margin-bottom: 0;
  margin-top: .7rem;
  line-height: 1;
}

.form-2021 label span {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}

.form-2021 div.input input, .form-2021 .hs-input {
  width: 100%!important;
  background-color: #fff!important;
}

.form-2021 input[type="text"]:focus,
.form-2021 input[type="email"]:focus,
.form-2021 input[type="tel"]:focus,
.form-2021 textarea:focus {
  outline: none!important;
  border-color: rgba(68, 68, 68,1)!important;
}

.form-2021 div.input {
  margin-right: 0!important;
}

.form-2021 .hs-input.error {
  border-color: #f04251;
}

.form-2021 .form-columns-2 {
  min-width: 100%;
}

.form-2021 form.hs-form fieldset .hs-form-field {
  padding: 0 5px 0 0;
}

.form-2021 .hs-form-field {
 margin-bottom: 15px;
}

.form-2021 .input input, .form-2021 select, .form-2021 textarea {
  height: 40px;
  font-size: 14px;
  padding-left: .5rem;
  color: #333333;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-color: #fff;
}

.form-2021 textarea {
  min-height: 113px;
  padding-top: .2rem;
}

.form-2021 ul.no-list.hs-error-msgs.inputs-list {
  margin: 0;
}

.form-2021 ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg, .form-2021 ul.no-list.hs-error-msgs.inputs-list label.hs-main-font-element  {
  font-size: 14px;
  margin-top:.4rem;
  color: #f04251;
}

.form-2021 span.hs-form-required {
  color: #f04251;
  padding-left: 3px;
}

.form-2021 .hs_submit.hs-submit .actions {
  margin: 1rem auto 0;
  display: flex;
}

.form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large {
  color: #fff;
  background-color: #5ea94c;
  width: 200px;
  height: 50px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  transition: box-shadow 140ms cubic-bezier(0.2, 0, 0.1, .5);
}

.form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large:focus, .form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large:active {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large:hover {
  background-color: #449e2f;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  transition: box-shadow 140ms cubic-bezier(0.2, 0, 0.1, .5);
}

.form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large:focus, .form-2021 select:focus {
  outline: none;
}

.form-2021 .hs-fieldtype-select select:hover {
  outline: none!important;
  border-color: rgba(68, 68, 68,1)!important;
}

.hs_error_rollup label.hs-main-font-element {
  display: none!important;
}

div.submitted-message {
    margin: 6rem 0 10rem;
}

@media only screen and (max-width: 480px) {
  div.form-2021 .form-columns-2 div.input {
    width: 100%!important;
  }
  
  div.form-2021 div.input input, div.form-2021 .hs-input {
    width: 100%!important;
  }
  
  .form-2021 form.hs-form fieldset .hs-form-field {
    padding: 0;
  }
  
  .form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large {
    margin-top: .5rem;
  }
}


/*************** CONTACT US PAGE ***************/

.contact-us-header h1 {
  color: #189649;
  font-size: 50px;
  font-weight: 500;
  margin-top: 6rem;
  margin-bottom: 2rem;
}

.contact-us-form div.input input, .form-2021 .hs-input {
  width: 98%!important;
}

.contact-us-form fieldset.form-columns-1 {
  max-width: unset;
}

.contact-us-form fieldset.form-columns-1 select, .contact-us-form fieldset.form-columns-1 textarea {
  width: 99%!important;
}

@media only screen and (max-width: 1023px) {
  .contact-us-header h1 {
    font-size: 32px;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

/*************** DEMO PAGE ***************/

/* Form section */

.demo-page-header {
  margin-bottom: 0;
  margin-top: 8rem;
}

.demo-page-header p {
  font-size: 46px;
  line-height: 50px;
  color: #189649;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}

.demo-page-subheader {
  margin-bottom: 1rem;
}

.demo-page-form div.input input, .demo-page-form .hs-input {
  width: 100%!important;
  background-color: #fff!important;
}

.demo-page-form .form-columns-2 .hs_numemployees.hs-numemployees.hs-fieldtype-select.field.hs-form-field div.input {
  width: 95.5%!important;
}

.demo-page-subheader p {
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: #444444;
  margin-bottom: 0;
}

.demo-page-text p {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #444444;
  margin-bottom: 0;
}

.demo-page-form {
  max-width: 500px;
  margin: 0 auto;
}

.demo-page-form h1 {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #333333;
  margin-bottom: 0;
  margin-top: 2rem;
}

.demo-page-form .form-columns-2 {
  width: 95%;
}

.demo-page-form .hs_submit.hs-submit .actions input.hs-button.primary.large {
  width: 370px;
  margin: 2.3rem auto 6.5rem;
}

.form-2021 .hs_submit.hs-submit .actions input.hs-button.primary.large:focus, .form-2021 select:focus {
  outline: none;
}

.form-2021 .hs-fieldtype-select select:hover {
  outline: none!important;
  border-color: rgba(68, 68, 68,1)!important;
}

.hs_error_rollup label.hs-main-font-element {
  display: none!important;
}

div.submitted-message {
    margin: 6rem 0 10rem;
}


/* Black&White bottom logo carousel section */

.bottom-logo-carousel-slider {
  background-color: #F7F7F7;
  min-height: 270px;
  margin-bottom: -1.5rem;
}

.bottom-logo-carousel-slider .carousel-item {
  margin-top: 4rem;
}

.bottom-logo-carousel-slider .carousel-item .images-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bottom-logo-carousel-slider .carousel-item img {
  max-height: 70px;
  margin: 0 2.5rem;
}

.bottom-logo-carousel-slider .carousel-indicators {
  bottom: 60px;
}

.bottom-logo-carousel-slider .carousel-indicators li {
  width: 11px;
  height: 11px;
  background: #666666;
  border-radius: 50%;
  box-sizing: border-box;
  border-top: none;
  border-bottom: none;
  opacity: 0.3;
}

.bottom-logo-carousel-slider .carousel-indicators .active {
  opacity: 1;
}

@media only screen and (min-width: 320px) and (max-width: 499px) {
  .bottom-logo-carousel-slider .carousel-inner.container-xl {
    width: 100%;
    margin: 0 auto;
  }
  
  .bottom-logo-carousel-slider {
    height: 460px;
  }
  
  .bottom-logo-carousel-slider .images-container div {
    margin-bottom: 1.5rem;
  }
  
  .bottom-logo-carousel-slider div.carousel-item img {
    max-height: 55px;
  }
  
 .bottom-logo-carousel-slider ol.carousel-indicators {
    bottom: 90px;
  }
}


@media only screen and (min-width: 425px) and (max-width: 767px) {
/*   .bottom-logo-carousel-slider {
    height: 585px;
  } */
  
  .bottom-logo-carousel-slider .carousel-item .images-container {
    margin: 0 1rem;
  }
  
  .bottom-logo-carousel-slider .images-container div {
    margin-bottom: 2rem;
  }
}

/* @media only screen and (min-width: 460px) and (max-width: 584px) {
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 245px;
  }
} */

@media only screen and (max-width: 768px) {
  .bottom-logo-carousel-slider {
    min-height: 365px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 65px;
  }
  
  .bottom-demo-page-header p {
    font-size: 40px;
  }
  
  .bottom-demo-page-subheader p {
    font-size: 26px;
  }
   
  .bottom-logo-carousel-slider .carousel-item img {
    max-height: 55px;
    margin: 0 1.5rem;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottom-logo-carousel-slider {
    min-height: 325px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 40px;
  }
  
  .bottom-logo-carousel-slider .carousel-item .images-container {
    margin: 0 4rem;
  }
  
  .bottom-logo-carousel-slider .images-container div {
    margin-bottom: 1rem;
  }
  
  .bottom-logo-carousel-slider div.carousel-item img {
    max-height: 65px;
  }
}

@media only screen and (max-width: 1023px) {
  .bottom-logo-carousel-slider .carousel-indicators li {
    width: 10px;
    height: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
/*   .bottom-logo-carousel-slider {
    height: 350px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 160px;
  } */
  
  .bottom-logo-carousel-slider .images-container div {
    margin-bottom: 1rem;
  }
  
  .bottom-logo-carousel-slider .carousel-item img {
    max-height: 60px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1139px) {
/*   .bottom-logo-carousel-slider {
    height: 420px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 220px;
  } */
  
  .bottom-logo-carousel-slider .carousel-item img {
    max-height: 65px;
  }
}

/* @media only screen and (min-width: 2400px) and (max-width: 2499px) {
  .bottom-logo-carousel-slider {
    height: 510px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 295px;
  }
}

@media only screen and (min-width: 2500px) {
  .bottom-logo-carousel-slider {
    height: 550px;
  }
  
  .bottom-logo-carousel-slider .carousel-indicators {
    bottom: 335px;
  }
} */


/*************** BLOG-CAROUSEL ***************/

.blogCarousel-header {
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  margin: 1rem 0 4rem;
}

.blogCarousel-header.blog-post-page {
  margin: 3rem 0 4rem;
}

.blog-carousel-slider {
  margin-bottom: 2rem;
}  

.blog-carousel-slider .carousel-inner {
  min-height: 23.5rem;
}

.blogs-container {
  display: flex;
  justify-content: center;
}

.blog-carousel-slider .post img {
  max-width: 335px;
  border-radius: 5px;
}

.blog-carousel-slider .post h4 {
  font-size: 24px;
  margin-bottom: 5px;
}

.blog-carousel-slider .post h4 a.blog-name {
  color: #454545;
  font-weight: 600;
}

.blog-carousel-slider .post h4 a.blog-name:hover {
  text-decoration: none;
}

.blog-carousel-slider .postExerpt p {
  font-size: 14px!important;
}

.blog-carousel-slider .post {
  max-width: 340px;
  margin: 0 12px;
}

.blog-carousel-slider.desktop .carousel-indicators li, .blog-carousel-slider.mobile .carousel-indicators li {
  background: #666666;
  box-sizing: border-box;
  border-top: none;
  border-bottom: none;
  opacity: 0.3;
}

.blog-carousel-slider.desktop .carousel-indicators .active, .blog-carousel-slider.mobile .carousel-indicators .active {
  opacity: 1;
}

.blog-carousel-slider .carousel-control-prev {
  top: -11%;
}

.blog-carousel-slider .carousel-control-next {
  top: -11%;
}

@media only screen and (max-width: 767px) {
  h2.blogCarousel-header.mobile {
    font-size: 28px;
    margin: 2rem 0;
  }
  
  .blog-container-mobile.container-xl {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  div.blog-carousel-slider {
    margin-bottom: 0;
  }
  
  .blog-container-mobile div.post {
    max-width: 100%;
    margin: 0 0 2rem;
  }
  
  .blog-container-mobile div.post img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-carousel-slider .carousel-inner {
    min-height: 18rem;
  }
  
  .blogCarousel-header {
    font-size: 28px;
    padding-top: 1rem;
    margin: 1rem 0 2rem;
  }
  
  .blog-carousel-slider .post {
    max-width: 220px;
    margin: 0 12px;
  }

  .blog-carousel-slider .post img {
    max-width: 220px;
  }  
  
  .blog-carousel-slider .postExerpt p {
    font-size: 12px!important;
  }
}

@media only screen and (max-width: 991px) {
  .blog-slides-container {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1139px) {
  .blog-carousel-slider .carousel-inner {
    min-height: 19rem;
  }
  
  .blog-carousel-slider .post {
    margin: 0 12px;
  }
  
  .blog-carousel-slider .post img {
    max-width: 300px;
    border-radius: 5px;
  }

  .blog-carousel-slider .post {
    max-width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-carousel-slider .post h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog-carousel-slider .carousel-control-prev {
    display: none;
  }

  .blog-carousel-slider .carousel-control-next {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-carousel-slider .carousel-control-prev {
    left: -4%;
  }

  .blog-carousel-slider .carousel-control-next {
    right: -4%;
  }
}

@media only screen and (min-width: 1300px) {
  .blog-carousel-slider .carousel-control-prev {
    left: -2%;
  }

  .blog-carousel-slider .carousel-control-next {
    right: -2%;
  }
}

@media only screen and (min-width: 1440px) {
  .blog-carousel-slider .carousel-control-prev {
    left: 1%;
  }

  .blog-carousel-slider .carousel-control-next {
    right: 1%;
  }
}

@media only screen and (min-width: 1550px) {
  .blog-carousel-slider .carousel-control-prev {
    left: 5%;
  }

  .blog-carousel-slider .carousel-control-next {
    right: 5%;
  }
  
  .blog-carousel-slider .blog-post-page.carousel-control-prev {
    left: -10.5%;
  }

  .blog-carousel-slider .blog-post-page.carousel-control-next {
    right: -10.5%;
  }  
}

@media only screen and (min-width: 1800px) {
  .blog-carousel-slider .carousel-control-prev {
    left: 10.5%;
  }

  .blog-carousel-slider .carousel-control-next {
    right: 10.5%;
  }
}

@media only screen and (min-width: 2000px) {
  .blog-carousel-slider .carousel-control-prev {
    left: 14%;
  }

.blog-carousel-slider .carousel-control-next {
    right: 14%;
  }
}

/* Blog-carousel section with main post */

.blogsSectionWithMainPost {
  display: flex;
  padding: 0rem 0 3.5rem;
  max-width: 1100px!important;
}

.blogsSectionWithMainPost .mainPost-textContainer .mainPost-blogTopic p {
  font-size: 14px;
  margin:0 0 .5rem;
}

.blogsSectionWithMainPost .mainPost-textContainer .mainPost-text p, .blogsSectionWithMainPost .mainPost-textContainer .mainPost-text span {
  margin: .5rem 0;
  font-size: 16px!important;
}

.blogsSectionWithMainPost .mainPost-image {
    margin-right: 1.5rem;
    margin-left: 12px;
    border-radius: 5px;
}

.blogsSectionWithMainPost .mainPost-image img {
  border-radius: 5px;
}

.blogsSectionWithMainPost a.mainPost-URL {
  color: #454545;
  font-weight: 600;
}

.blogsSectionWithMainPost a.mainPost-URL:hover {
  text-decoration: none;
}

.blogsSectionWithMainPost .mainPost-header {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
}

.blogsSectionWithMainPost .mainBlog-postDescriptionContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blogsSectionWithMainPost .mainPost-image a img {
  max-width: 600px;  
}

.blogsSectionWithMainPost .mainPost-button {
  font-family: 'Source Sans Pro',sans-serif;
  width: 175px;
  height: 42px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  background: rgb(240,66,81);
  outline: none;
  border: none;
  text-align: center;
  text-decoration: none;
}

.blog-carousel-slider.mobile .blogCarousel-CTA-container {
  width: 100%;
  margin-bottom: 2rem;
}

.blogsSectionWithMainPost .mainPost-button:hover {
  background: rgb(255,72,89);
  color: rgb(255,255,255);
}

.blogsSectionWithMainPost .mainPost-button:active, .blogsSectionWithMainPost .mainPost-button:active:hover {
  background: rgb(192,52,64);
  color: rgb(244,244,244);
  text-decoration: none;
}

.mainBlog-postDescriptionContainer .mainPost-text.mobile {
  display: none;
}

.blog-slides-container .post-blogTopic p {
  margin-bottom: .5rem;
}

.blog-carousel-slider .blogsSectionWithMainPost.carousel-inner {
  min-height: 25.5rem;
}

.blog-carousel-slider .postExerpt {
  font-size: 14px;
}
    
.blogsSectionWithMainPost.carousel-inner .post p {
  margin: 0.3rem 0;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blogsSectionWithMainPost {
    padding: 0rem 0 2.5rem;
  }
  
  .mainBlog-postDescriptionContainer .mainPost-text.desktop {
    display: none;
  }
  
  .mainBlog-postDescriptionContainer .mainPost-text.mobile {
    display: block;
    font-size: 14px;
  }
  
  .blog-carousel-slider .blogsSectionWithMainPost.carousel-inner {
    min-height: 18rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1139px) {
  .blog-carousel-slider .blogsSectionWithMainPost.carousel-inner {
    min-height: 20rem;
  }
  
  .blogsSectionWithMainPost .blog-slides-container {
    margin: 0 auto;
  }
  
 .blog-carousel-slider .post img {
    max-width: 295px;
    border-radius: 5px;
  }

  .blog-carousel-slider .post {
    max-width: 295px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .blogsSectionWithMainPost .mainPost-header {
    font-size: 24px;
  }
  
  .blogsSectionWithMainPost .mainPost-image a img {
    max-width: 490px;  
  }
  
  .blogsSectionWithMainPost .mainPost-textContainer .mainPost-blogTopic p, .blog-slides-container .post-blogTopic p {
    margin-bottom: 0;
  }
  
  .blogsSectionWithMainPost .mainPost-textContainer .mainPost-text p, .blogsSectionWithMainPost .mainPost-textContainer .mainPost-text span {
    font-size: 14px !important;
  }
}


/* Blog-carousel section with main post for One Percent Safer Page */

.OnePercentSafer-blogCarousel .top-image-container {
  display: flex;
  justify-content: center;
}

.OnePercentSafer-blogCarousel .onePercentBlogsSection-header {
  margin: 0 0 3rem;
  font-weight: bold;
}

.OnePercentSafer-blogCarousel .blog-carousel-slider {
  margin-bottom: 7rem;
}

.OnePercentSafer-blogCarousel span.mainPost-blogTopic p, .OnePercentSafer-blogCarousel span.post-blogTopic p {
  color: #f04251;
  margin-bottom: .5rem;
}

.OnePercentSafer-blogCarousel .blogsSectionWithMainPost .mainPost-header, .OnePercentSafer-blogCarousel .blog-carousel-slider .post h4 a.blog-name {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .OnePercentSafer-blogCarousel .top-image.mobile {
    margin-top: 2rem;
  }
  .OnePercentSafer-blogCarousel h2.blogCarousel-header.mobile {
    margin: 1rem 0 2rem;
  }
  .OnePercentSafer-blogCarousel-containerMobile div.blog-carousel-slider.mobile {
    margin-bottom: 5rem;
  }
}


/*************** EVENTS AND PARTNERSHIP ***************/

.EventsAndPartnershipsSection {
  margin: 8rem 0;
  background: transparent;
}

.EventsAndPartnershipsSection .row {
  justify-content: space-between;
  margin-top: -1rem;
}

.section-header {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #454545;
  margin-bottom: 3rem;
}

.EventsAndPartnershipsSection-card {
  max-width: 280px;
}

.EventsAndPartnershipsSection-card:hover {
  background: #FFFFFF;
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  transition-duration: 0.2s;
}

.EventsAndPartnershipsSection .card-content-container {
  margin: 1rem;
  min-height: 92%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.EventsAndPartnershipsSection .card-content-container .card-image {
  margin-bottom: 1rem;
  border-radius: 2px;
  max-width: 100%;
}

.EventsAndPartnershipsSection .card-header-style {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  overflow: hidden;
  word-break: break-word;
}

.EventsAndPartnershipsSection .card-text-style {
  font-size: 15px;
  line-height: 23px;
  color: #454545;
  margin-top: 1rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.EventsAndPartnershipsSection .card-text-style p { 
  margin-bottom: unset;
}

.EventsAndPartnershipsSection .link-container {
  max-width: 119px;
  max-height: 25px;
  border-radius: 27px;
  border: 1px solid #454545;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EventsAndPartnershipsSection .link-container a.card-link {
  text-decoration: none;
  font-size: 14px;
  line-height: 25px;
  display: flex;
  align-items: center;
  color: #454545;
  display: flex;
  margin-left: .7rem;
}

.EventsAndPartnershipsSection .link-container a.card-link:hover {
  text-decoration: none;
}

.EventsAndPartnershipsSection .link-container .button-arrow {
  margin-right: .5rem;
  max-height: 10px;
  max-width: 10px;
  fill: #454545;
}

@media only screen and (max-width: 767px) {
  .misc-grid-container {
    margin: 1.5rem 0;
  }
  
  h2.section-header {
    font-size: 28px;
    margin-bottom: 1rem;
  }
  
  .EventsAndPartnershipsSection-card {
    margin: 1rem 0 0;
  }
  
  .EventsAndPartnershipsSection .card-text-style p {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 991px) {
  h2.section-header {
    font-size: 28px;
    margin-bottom: 1rem;
  }
  
  div.EventsAndPartnershipsSection {
    margin: 4rem 0;
  }
}

@media only screen and (max-width: 1199px) {
  .EventsAndPartnershipsSection .row {
    justify-content: center;
  }
  
  .EventsAndPartnershipsSection-card {
    margin: .5rem;
    max-width: 332px;
  }
  
  .EventsAndPartnershipsSection-card:hover {
    background: unset;
    box-shadow: none;
    border-radius: none;
    transition-duration: none;
  }
  
  .EventsAndPartnershipsSection .card-text-style {
    margin-bottom: .5rem;
  }

  .EventsAndPartnershipsSection .link-container {
    width: 155px;
    height: 32px;
  }
}


/* Events And Partnerships Section for AU page */

.AU-page .EventsAndPartnershipsSection {
  margin: -11rem 0 8rem;
}

@media only screen and (max-width: 991px) {
  .EventsAndPartnershipsSection.AU-page {
    margin: -8rem 0 6rem;
  }
}


/*************** INDUSTRIES WE KEEP SAFE ***************/

.IndustriesWeHelpKeepSafeSection {
  margin: 5rem 0;
  background: transparent;
}

.IndustriesWeHelpKeepSafeSection-cards {
  margin: 1rem auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.IndustriesWeHelpKeepSafeSection-card {
  min-height: 100px;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem 2.3rem;
  border-radius: 8px;
  background: #ffffff;
}

.IndustriesWeHelpKeepSafeSection-card .cards-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  max-width: 100px;
  min-height: 90px;
  max-height: 100px;
  padding: .5rem;
  text-align: center;
}

.IndustriesWeHelpKeepSafeSection-card .card-icon {
  height: 30px;
  width: 45px;
  fill: #454545;
}

.IndustriesWeHelpKeepSafeSection-card .icon-card-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-transform: capitalize;
  color: #595959;
}

@media only screen and (max-width: 380px) {
  .IndustriesWeHelpKeepSafeSection-card {
    min-height: unset;
    min-width: unset;
    width: 85px;
    height: 85px;
  }
}

@media only screen and (max-width: 767px) {
 .IndustriesWeHelpKeepSafeSection.container-xl {
    margin: 3rem 0 2rem;
 }
  
  div.IndustriesWeHelpKeepSafeSection-cards.row {
    margin: 2rem 0 0;
  }
  
  .IndustriesWeHelpKeepSafeSection-card {
    margin: .5rem;
  }
}


/*************** ADDITIONAL AU PAGE STYLES ***************/

@media only screen and (max-width: 767px) {
  body.hs-content-id-47851872050.hs-site-page.page .person .person-image {
      display: none;
  }
}


/*************** MISC SECTION 2021 FOR AU PAGE ***************/

.misc-grid-container-au-page {
  margin: 3rem 0;
  display: grid;
  grid-template-columns: repeat(3,32%);
  grid-template-rows: repeat(5,18.5%);
  grid-column-gap: 1.5%;
  grid-row-gap: 2%;
  display:-ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
}

.misc-grid-container-au-page a {
  color: #454545;
  text-decoration: none;
}

.misc-grid-container-au-page a:hover {
  color: #454545;
  text-decoration: none;
}

.misc-grid-container-au-page .card1, .misc-grid-container-au-page .card2, .misc-grid-container-au-page .card3, .misc-grid-container-au-page .card4, .misc-grid-container-au-page .card5 {
  background-color: #eeeeee;
  background: #F0F0F0;
  border-radius: 8px;
}

.misc-grid-container-au-page .card-container {
  margin: 2.3rem 1.7rem 1.7rem;
}

.misc-grid-container-au-page .card2 .card-container, .misc-grid-container-au-page .card5 .card-container {
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: space-between;
}

.misc-grid-container-au-page .card3 .card-container, .misc-grid-container-au-page .card4 .card-container {
  display: flex;
  flex-direction: column;
  height: 80%;
  justify-content: space-between;
}

.misc-grid-container-au-page .card4 .card-container .card-text p {
  margin-bottom: .5rem;
}

.misc-grid-container-au-page .card-container p.card-top-text {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: underline;
  color: #454545;
  overflow: hidden;
}

.misc-grid-container-au-page .card-container h4.card-header-misc {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 120.6%;
  color: #454545;
  overflow: hidden;
}

.misc-grid-container-au-page .card-container .card-text p {
  font-size: 15px;
  line-height: 23px;
  color: #454545;
  margin-top: 1rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.misc-grid-container-au-page .card-container .card-text {
  font-size: 15px;
}  

.misc-grid-container-au-page .card-container .image-container, .misc-grid-container-au-page .card-container .card-image-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.card-container .background-image {
    border-radius: 5px;
}

.misc-grid-container-au-page .misc-grid-container img {
  border-radius: 8px;
}

.misc-grid-container-au-page .misc-grid-container img.background-image {
  width: 100%;
}

.misc-grid-container-au-page .card-container hr {
  margin-top: .5rem;
  margin-bottom: .5rem;
  border: 1px solid #454545;
}


.misc-grid-container-au-page .card3 .bottom-text-container span, .misc-grid-container-au-page .card4 .bottom-text-container span {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #454545;
}

.misc-grid-container-au-page .card3 .bottom-text-container img, .misc-grid-container-au-page .card4 .bottom-text-container img {
  margin-left: 1rem;
}

.misc-grid-container-au-page .play-button-container button {
  outline: none;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4rem;
  margin-top: -3rem;
  background: transparent;
}

.misc-grid-container-au-page .icon-container {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.7rem;
  margin-top: -2.8rem;
}

.misc-grid-container-au-page .card1 {
  grid-column: 1 / 2;
  grid-row: 1 / 6;
  display: block;
  -ms-grid-column: 1;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 5;
}

.misc-grid-container-au-page .card2 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 1 / 4;
  -ms-grid-column: 2;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 3;
}

.misc-grid-container-au-page .card3 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 4 / 6;
  -ms-grid-column: 2;
  -ms-grid-row: 4; 
  -ms-grid-row-span: 2;
}

.misc-grid-container-au-page .card4 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 1 / 3;
  -ms-grid-column: 3;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 2;
}

.misc-grid-container-au-page .card5 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 3 / 6;
  -ms-grid-column: 3;
  -ms-grid-row: 3; 
  -ms-grid-row-span: 3;
}

@media only screen and (max-width: 729px) {
  .misc-grid-container-au-page .card-container {
    margin: 2rem 1.7rem 0;
  }
  
  div.misc-grid-container-au-page {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: unset;
    grid-row-gap: .7%;
    display:-ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  
  .misc-grid-container-au-page .card-container h4.card-header-misc {
    font-size: 23px;
    margin-top: .5rem;
  }
  
  .misc-grid-container-au-page .card2 .card-container, .misc-grid-container-au-page .card5 .card-container {
    height: 87%;
  }
  
  .misc-grid-container-au-page .card3 .card-container, .misc-grid-container-au-page .card4 .card-container {
    height: 77%;
  }
  
  .misc-grid-container-au-page .icon-container {
    margin-left: -4rem;
  }
  
  .misc-grid-container-au-page .card1 {
    grid-column: 1 / 2;
    grid-row: 2 / 5;
    display: block;
    -ms-grid-column: 1;
    -ms-grid-row: 2; 
    -ms-grid-row-span: 3;
  }

  .misc-grid-container-au-page .card2 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 5 / 7;
    -ms-grid-column: 1;
    -ms-grid-row: 5; 
    -ms-grid-row-span: 2;
  }

  .misc-grid-container-au-page .card3 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    -ms-grid-column: 1;
    -ms-grid-row: 7; 
  }

  .misc-grid-container-au-page .card4 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1; 
  }

  .misc-grid-container-au-page .card5 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 8 / 10;
    -ms-grid-column: 1;
    -ms-grid-row: 8; 
    -ms-grid-row-span: 2;
  }
}

@media only screen and (min-width: 730px) and (max-width: 991px) {
  .MiscSection-container-au-page {
    margin-bottom: 6rem;
  }
  
  .misc-grid-container-au-page {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2,49%);
    grid-template-rows: repeat(5,1fr);
    grid-column-gap: 2%;
    grid-row-gap: 1%;
    display:-ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
  }
  
  .misc-grid-container-au-page .card-container {
    margin: 2rem 1.7rem .5rem;
  }
  
  .misc-grid-container-au-page .card-container .card-text p {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }

  .misc-grid-container-au-page .card3 .card-container, .misc-grid-container-au-page .card4 .card-container {
    height: 75%;
  }
  
  .misc-grid-container-au-page .card2 .card-container, .misc-grid-container-au-page .card5 .card-container {
    height: 86%;
  }
  
  .misc-grid-container-au-page .card1 {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    display: block;
    -ms-grid-column: 1;
    -ms-grid-row: 1; 
    -ms-grid-row-span: 3;
  }

  .misc-grid-container-au-page .card2 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    -ms-grid-column: 2;
    -ms-grid-row: 1; 
    -ms-grid-row-span: 2;
  }

  .misc-grid-container-au-page .card3 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 2;
    -ms-grid-row: 3; 
  }

  .misc-grid-container-au-page .card4 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    -ms-grid-column: 1;
    -ms-grid-row: 4; 
  }

  .misc-grid-container-au-page .card5 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 4 / 6;
    -ms-grid-column: 2;
    -ms-grid-row: 4; 
    -ms-grid-row-span: 2;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .MiscSection-container-au-page {
    margin-left: .5rem;
  }
}


/*************** MISC SECTION 2021 WITH ANIMATION ***************/

.misc-grid-container {
  margin: 3rem 0 5rem;
  display: grid;
  grid-template-columns: repeat(3,32%);
  grid-template-rows: repeat(5,18.5%);
  grid-column-gap: 1.5%;
  grid-row-gap: 2%;
  display:-ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
}

.misc-grid-container .card1 {
  grid-column: 1 / 2;
  grid-row: 1 / 6;
  display: block;
  -ms-grid-column: 1;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 5;
}

.misc-grid-container .card2 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 1 / 4;
  -ms-grid-column: 2;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 3;
}

.misc-grid-container .card3 {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 4 / 6;
  -ms-grid-column: 2;
  -ms-grid-row: 4; 
  -ms-grid-row-span: 2;
}

.misc-grid-container .card4 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 1 / 3;
  -ms-grid-column: 3;
  -ms-grid-row: 1; 
  -ms-grid-row-span: 2;
}

.misc-grid-container .card5 {
  position: relative;
  grid-column: 3 / 4;
  grid-row: 3 / 6;
  -ms-grid-column: 3;
  -ms-grid-row: 3; 
  -ms-grid-row-span: 3;
}

.misc-grid-container .card {
  border-radius: 8px;
  background: #F0F0F0;
  border: none;
}

.misc-grid-container .card .card-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 2.2rem 2rem 1.9rem;
  z-index: 100;
  position: relative;
}

.misc-grid-container .card2 .card-content-container, .misc-grid-container .card5 .card-content-container {
  height: 84%;
}

.misc-grid-container .card3 .card-content-container, .misc-grid-container .card4 .card-content-container {
  height: 79%;
}  

.misc-grid-container .card .card-link {
  color: #454545;
  height: 100%;
}

.misc-grid-container .card-content-container p.card-top-text {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: underline;
  color: #454545;
  overflow: hidden;
  transition: .3s; 
}

.misc-grid-container .card-content-container h4.card-header-misc {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 120.6%;
  color: #454545;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  transition: .3s;
}

.misc-grid-container .card-content-container .card-text {
  font-size: 15px;
  line-height: 23px;
  color: #454545;
  margin-top: .7rem;
  margin-bottom: .5rem;
  overflow: hidden;
}

.misc-grid-container .card-content-container .card-text {
  transition: .3s; 
}

.misc-grid-container .image-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.misc-grid-container .card-content-container .background-image {
  border-radius: 5px;
}

.misc-grid-container .background-image-container {
  background: #000;
  border-radius: 5px;
}

.misc-grid-container .card .icon-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 110px;
  overflow: hidden;
}

.misc-grid-container .card1 .icon-container {
  margin-left: -3.5rem;
  margin-top: -3.5rem;
}

.misc-grid-container .card2 .icon-container, .misc-grid-container .card5 .icon-container {
  margin-left: -3rem;
  margin-top: -3rem;
}

.misc-grid-container .icon-container .icon-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: .5rem;
}

.misc-grid-container .bottom-text-container span {
  color: #454545;
  font-size: 16px;
  font-weight: 600;
  margin-right: 1rem;
}

.misc-grid-container .bottom-text-container hr {
  margin-top: 0.5rem;
  margin-bottom: .5rem;
  border: 1px solid #454545;
}

.misc-grid-container .card1 .icon, .misc-grid-container .card2 .icon, .misc-grid-container .card5 .icon {
  background: transparent;
  transition: background .5s ease;
  max-width: 62px;
  max-height: 62px;
  border-radius: 50%;
  margin: 0 auto;
}

.misc-grid-container .card-hoverable {
   position: relative;
}

.misc-grid-container .hover-top-svg {
  width: 100%;
  height: 100%;
  transition: .5s;
  border-radius: 8px;
  position: absolute;
}

.misc-grid-container .card1 .hover-top-svg {
  background-color: #5FB560;
  clip-path: polygon(0.2757035791873932px 0.1892029345035553px, 1.4183731079101562px 0.19011066854000092px, 2.5610504150390625px 0.19101840257644653px, 3.703723907470703px 0.19192613661289215px, 4.846397399902344px 0.19283387064933777px, 5.98907470703125px 0.1937416046857834px, 7.131748199462891px 0.194649338722229px, 8.274421691894531px 0.19555707275867462px, 9.417098999023438px 0.19646480679512024px, 10.559772491455078px 0.19737252593040466px, 11.702445983886719px 0.19828025996685028px, 12.845123291015625px 0.1991879940032959px, 13.987794876098633px 0.20009572803974152px, 15.130468368530273px 0.20100346207618713px, 16.273143768310547px 0.20191119611263275px, 17.415817260742188px 0.20281893014907837px, 18.55849266052246px 0.203726664185524px, 19.7011661529541px 0.2046343982219696px, 20.843841552734375px 0.20554213225841522px, 21.98651695251465px 0.20644986629486084px, 23.129188537597656px 0.20735760033130646px, 24.27186393737793px 0.20826533436775208px, 25.414539337158203px 0.2091730684041977px, 26.557212829589844px 0.2100808024406433px, 27.699888229370117px 0.21098853647708893px, 28.84256362915039px 0.21189627051353455px, 29.98523712158203px 0.21280400454998016px, 31.127910614013672px 0.21371173858642578px, 32.27058410644531px 0.2146194726228714px, 33.41326141357422px 0.21552720665931702px, 34.55593490600586px 0.21643492579460144px, 35.6986083984375px 0.21734265983104706px, 36.841285705566406px 0.21825039386749268px, 37.98395538330078px 0.2191581279039383px, 39.12663269042969px 0.2200658619403839px, 40.26930618286133px 0.22097359597682953px, 41.41197967529297px 0.22188133001327515px, 42.55465316772461px 0.22278906404972076px, 43.697330474853516px 0.22369679808616638px, 44.840003967285156px 0.224604532122612px, 44.95105743408203px 1.1293354034423828px, 44.78076171875px 2.2592296600341797px, 44.586952209472656px 3.385324239730835px, 44.36941146850586px 4.507077217102051px, 44.12812805175781px 5.623967170715332px, 43.863075256347656px 6.735450267791748px, 43.5740852355957px 7.840951442718506px, 43.261287689208984px 8.939958572387695px, 42.92463302612305px 10.031888008117676px, 42.564266204833984px 11.116225242614746px, 42.18016815185547px 12.19238567352295px, 41.772586822509766px 13.25987434387207px, 41.341670989990234px 14.31815242767334px, 40.887508392333984px 15.366671562194824px, 40.410423278808594px 16.404956817626953px, 39.9106559753418px 17.432514190673828px, 39.38846969604492px 18.448871612548828px, 38.84416961669922px 19.453554153442383px, 38.278079986572266px 20.446121215820312px, 37.69053268432617px 21.4261417388916px, 37.0819091796875px 22.393207550048828px, 36.452579498291016px 23.346940994262695px, 35.80293655395508px 24.286945343017578px, 35.13340759277344px 25.2128963470459px, 34.44439697265625px 26.124452590942383px, 33.73633575439453px 27.02127456665039px, 33.00959777832031px 27.903043746948242px, 32.264686584472656px 28.76950454711914px, 31.502038955688477px 29.620397567749023px, 30.722047805786133px 30.455446243286133px, 29.92517852783203px 31.274377822875977px, 29.111906051635742px 32.07701110839844px, 28.282575607299805px 32.863067626953125px, 27.43768882751465px 33.632381439208984px, 26.577646255493164px 34.38469314575195px, 25.702882766723633px 35.11984634399414px, 24.813772201538086px 35.837589263916016px, 23.91078758239746px 36.53778076171875px, 22.994234085083008px 37.22014236450195px, 22.064590454101562px 37.884544372558594px, 21.122230529785156px 38.53075408935547px, 20.16746711730957px 39.15851974487305px, 19.200721740722656px 39.767669677734375px, 18.22234344482422px 40.35795974731445px, 17.232694625854492px 40.92914581298828px, 16.232101440429688px 41.4809684753418px, 15.22094440460205px 42.01313018798828px, 14.19952392578125px 42.525352478027344px, 13.16818904876709px 43.01729965209961px, 12.127273559570312px 43.48862838745117px, 11.07711410522461px 43.9389762878418px, 10.018016815185547px 44.36790466308594px, 8.95032787322998px 44.77495574951172px, 7.87439489364624px 45.15969467163086px, 6.790515422821045px 45.5214729309082px, 5.699101448059082px 45.859806060791016px, 4.600490093231201px 46.17399215698242px, 3.4950661659240723px 46.463279724121094px, 2.3832473754882812px 46.72691345214844px, 1.2654818296432495px 46.96401596069336px, 0.2555161714553833px 47.03886032104492px, 0.2560085356235504px 45.89619064331055px, 0.25650089979171753px 44.75351333618164px, 0.25699329376220703px 43.610836029052734px, 0.25748565793037415px 42.46816635131836px, 0.25797805190086365px 41.32548904418945px, 0.25847041606903076px 40.18281173706055px, 0.2589627802371979px 39.04014205932617px, 0.2594551742076874px 37.897464752197266px, 0.2599475383758545px 36.75478744506836px, 0.260439932346344px 35.612117767333984px, 0.2609322965145111px 34.46944046020508px, 0.2614246606826782px 33.32676315307617px, 0.2619170546531677px 32.184085845947266px, 0.26240941882133484px 31.041418075561523px, 0.26290178298950195px 29.89874839782715px, 0.26339417695999146px 28.75606346130371px, 0.26388654112815857px 27.613393783569336px, 0.26437893509864807px 26.47072410583496px, 0.2648712992668152px 25.328039169311523px, 0.2653636932373047px 24.18537139892578px, 0.2658560574054718px 23.042701721191406px, 0.2663484215736389px 21.90001678466797px, 0.2668408155441284px 20.757347106933594px, 0.26733317971229553px 19.61467742919922px, 0.26782557368278503px 18.47199249267578px, 0.26831793785095215px 17.329322814941406px, 0.26881030201911926px 16.18665313720703px, 0.26930269598960876px 15.043968200683594px, 0.2697950601577759px 13.901298522949219px, 0.2702874541282654px 12.758628845214844px, 0.2707798182964325px 11.615944862365723px, 0.2712721824645996px 10.473275184631348px, 0.2717645764350891px 9.330605506896973px, 0.2722569406032562px 8.187920570373535px, 0.2727493345737457px 7.045250415802002px, 0.27324169874191284px 5.902581214904785px, 0.27373406291007996px 4.759896278381348px, 0.27422645688056946px 3.6172268390655518px, 0.2747188210487366px 2.474557399749756px, 0.2752112150192261px 1.3318724632263184px, 0.2757035791873932px 0.1892029345035553px);
}

.misc-grid-container .card2 .hover-top-svg {
  background-color: #ECBA3B;
  clip-path: polygon(0.18109790980815887px 0.17509862780570984px,  0.9520416259765625px 0.17543616890907288px,  1.7229804992675781px 0.1757737100124359px,  2.4939231872558594px 0.17611125111579895px,  3.2648658752441406px 0.17644880712032318px,  4.035808563232422px 0.17678634822368622px,  4.8067474365234375px 0.17712388932704926px,  5.577690124511719px 0.1774614304304123px,  6.3486328125px 0.17779898643493652px,  7.119575500488281px 0.17813652753829956px,  7.890514373779297px 0.1784740686416626px,  8.661457061767578px 0.17881160974502563px,  9.43239974975586px 0.17914915084838867px,  10.203338623046875px 0.1794866919517517px,  10.974281311035156px 0.17982423305511475px,  11.745223999023438px 0.18016178905963898px,  12.516166687011719px 0.18049933016300201px,  13.287109375px 0.18083687126636505px,  14.058048248291016px 0.1811744123697281px,  14.828990936279297px 0.18151196837425232px,  15.599929809570312px 0.18184950947761536px,  16.370872497558594px 0.1821870505809784px,  17.141815185546875px 0.18252459168434143px,  17.912757873535156px 0.18286213278770447px,  18.683698654174805px 0.1831996738910675px,  19.454639434814453px 0.18353722989559174px,  20.225582122802734px 0.18387477099895477px,  20.996522903442383px 0.1842123121023178px,  21.767465591430664px 0.18454985320568085px,  22.538406372070312px 0.18488739430904388px,  23.309349060058594px 0.18522495031356812px,  24.080289840698242px 0.18556249141693115px,  24.851232528686523px 0.1859000325202942px,  25.62217140197754px 0.18623757362365723px,  26.39311408996582px 0.18657511472702026px,  27.16405487060547px 0.1869126558303833px,  27.934995651245117px 0.18725021183490753px,  28.7059383392334px 0.18758775293827057px,  29.476879119873047px 0.1879252940416336px,  30.247821807861328px 0.18826283514499664px,  31.018762588500977px 0.18860037624835968px,  31.789705276489258px 0.1889379322528839px,  32.560646057128906px 0.18927547335624695px,  33.33158874511719px 0.18961301445960999px,  34.10253143310547px 0.18995055556297302px,  34.87347412109375px 0.19028809666633606px,  35.64441680908203px 0.1906256526708603px,  36.41535186767578px 0.19096319377422333px,  37.18629455566406px 0.19130073487758636px,  37.957237243652344px 0.1916382759809494px,  38.72817611694336px 0.19197581708431244px,  39.49911880493164px 0.19231337308883667px,  40.27006149291992px 0.1926509141921997px,  41.0410041809082px 0.19298845529556274px,  41.81194305419922px 0.19332599639892578px,  42.5828857421875px 0.19366353750228882px,  43.35382843017578px 0.19400107860565186px,  44.12477111816406px 0.1943386346101761px,  44.89570999145508px 0.19467617571353912px,  45.66665267944336px 0.19501371681690216px,  46.43759536743164px 0.1953512579202652px,  47.208534240722656px 0.19568879902362823px,  47.97947692871094px 0.19602635502815247px,  48.75041961669922px 0.1963638961315155px,  48.52812957763672px 0.7667330503463745px,  48.134273529052734px 1.4294706583023071px,  47.7347297668457px 2.088794708251953px,  47.32957458496094px 2.74468994140625px,  46.91886520385742px 3.3971176147460938px,  46.50267028808594px 4.0460591316223145px,  46.0810432434082px 4.6914873123168945px,  45.6540412902832px 5.333371639251709px,  45.22172546386719px 5.971688270568848px,  44.784149169921875px 6.606410980224609px,  44.341365814208984px 7.237517833709717px,  43.8934326171875px 7.864974498748779px,  43.440399169921875px 8.488753318786621px,  42.982295989990234px 9.108829498291016px,  42.51919174194336px 9.725174903869629px,  42.05109786987305px 10.337738990783691px,  41.578086853027344px 10.946513175964355px,  41.100196838378906px 11.551467895507812px,  40.61747360229492px 12.152570724487305px,  40.12995529174805px 12.749791145324707px,  39.63767623901367px 13.343103408813477px,  39.14069366455078px 13.93246078491211px,  38.63902282714844px 14.517838478088379px,  38.13269805908203px 15.099211692810059px,  37.62176513671875px 15.676527976989746px,  37.10624694824219px 16.249755859375px,  36.586181640625px 16.818862915039062px,  36.06159591674805px 17.383804321289062px,  35.532527923583984px 17.944543838500977px,  34.99899673461914px 18.501033782958984px,  34.461029052734375px 19.053245544433594px,  33.91864776611328px 19.601125717163086px,  33.371891021728516px 20.144630432128906px,  32.82076644897461px 20.6837158203125px,  32.26531219482422px 21.218334197998047px,  31.705543518066406px 21.748441696166992px,  31.141494750976562px 22.27396583557129px,  30.57316780090332px 22.79488182067871px,  30.000593185424805px 23.311126708984375px,  29.423789978027344px 23.82263946533203px,  28.842775344848633px 24.329370498657227px,  28.257570266723633px 24.83125114440918px,  27.66819190979004px 25.328227996826172px,  27.074665069580078px 25.820228576660156px,  26.47699546813965px 26.30719757080078px,  25.875205993652344px 26.789066314697266px,  25.269306182861328px 27.265766143798828px,  24.659326553344727px 27.73721694946289px,  24.04526710510254px 28.20335578918457px,  23.427154541015625px 28.66410255432129px,  22.80500602722168px 29.11937141418457px,  22.1788330078125px 29.569087982177734px,  21.548648834228516px 30.013172149658203px,  20.914464950561523px 30.4515323638916px,  20.276308059692383px 30.884078979492188px,  19.634187698364258px 31.310720443725586px,  18.988122940063477px 31.731367111206055px,  18.338123321533203px 32.14591979980469px,  17.68422508239746px 32.55426788330078px,  17.026426315307617px 32.95631790161133px,  16.364749908447266px 33.351966857910156px,  15.699173927307129px 33.74102020263672px,  15.029764175415039px 34.12342071533203px,  14.356576919555664px 34.4991340637207px,  13.679513931274414px 34.867835998535156px,  12.998761177062988px 35.22966384887695px,  12.314223289489746px 35.58427047729492px,  11.625961303710938px 35.93159484863281px,  10.933979034423828px 36.2714729309082px,  10.238347053527832px 36.60380935668945px,  9.539076805114746px 36.92839813232422px,  8.836204528808594px 37.24512481689453px,  8.129768371582031px 37.55382537841797px,  7.419818878173828px 37.854312896728516px,  6.7063798904418945px 38.14645767211914px,  5.989501476287842px 38.43004608154297px,  5.269242763519287px 38.70494079589844px,  4.5456461906433105px 38.970947265625px,  3.818777322769165px 39.22785568237305px,  3.088702917098999px 39.47552490234375px,  2.3554766178131104px 39.713687896728516px,  1.619186520576477px 39.942195892333984px,  0.8799132704734802px 40.16086196899414px,  0.21799814701080322px 40.2640495300293px,  0.2172885239124298px 39.493106842041016px,  0.2165789008140564px 38.722164154052734px,  0.21586927771568298px 37.95122146606445px,  0.21515965461730957px 37.18027877807617px,  0.21445004642009735px 36.40934371948242px,  0.21374042332172394px 35.63840103149414px,  0.21303080022335052px 34.86745834350586px,  0.2123211771249771px 34.09651565551758px,  0.2116115689277649px 33.3255729675293px,  0.21090194582939148px 32.554630279541016px,  0.21019232273101807px 31.783689498901367px,  0.20948269963264465px 31.012754440307617px,  0.20877307653427124px 30.241811752319336px,  0.20806346833705902px 29.470870971679688px,  0.2073538452386856px 28.699928283691406px,  0.2066442221403122px 27.928985595703125px,  0.20593459904193878px 27.158042907714844px,  0.20522497594356537px 26.387100219726562px,  0.20451536774635315px 25.616165161132812px,  0.20380574464797974px 24.845224380493164px,  0.20309612154960632px 24.07427406311035px,  0.2023864984512329px 23.3033390045166px,  0.2016768902540207px 22.53240394592285px,  0.20096726715564728px 21.76145362854004px,  0.20025764405727386px 20.99051856994629px,  0.19954802095890045px 20.21957015991211px,  0.19883841276168823px 19.44863510131836px,  0.19812877476215363px 18.677684783935547px,  0.1974191665649414px 17.906749725341797px,  0.1967095583677292px 17.135814666748047px,  0.19599992036819458px 16.364864349365234px,  0.19529031217098236px 15.5939302444458px,  0.19458068907260895px 14.822980880737305px,  0.19387106597423553px 14.052045822143555px,  0.19316144287586212px 13.281095504760742px,  0.1924518346786499px 12.510161399841309px,  0.1917421966791153px 11.739211082458496px,  0.19103258848190308px 10.968276023864746px,  0.19032296538352966px 10.197341918945312px,  0.18961334228515625px 9.4263916015625px,  0.18890373408794403px 8.65545654296875px,  0.18819409608840942px 7.884506702423096px,  0.1874844878911972px 7.113572120666504px,  0.1867748647928238px 6.34262228012085px,  0.18606524169445038px 5.5716872215271px,  0.18535563349723816px 4.800752639770508px,  0.18464601039886475px 4.0298027992248535px,  0.18393638730049133px 3.2588682174682617px,  0.18322676420211792px 2.4879181385040283px,  0.1825171560049057px 1.716983437538147px,  0.1818075180053711px 0.9460333585739136px,  0.18109790980815887px 0.17509862780570984px);
}

.misc-grid-container .card3 .hover-top-svg {
  background-color: #ECBA3B;
  clip-path: polygon(0.18109790980815887px 0.17509862780570984px,  0.9520416259765625px 0.17543616890907288px,  1.7229804992675781px 0.1757737100124359px,  2.4939231872558594px 0.17611125111579895px,  3.2648658752441406px 0.17644880712032318px,  4.035808563232422px 0.17678634822368622px,  4.8067474365234375px 0.17712388932704926px,  5.577690124511719px 0.1774614304304123px,  6.3486328125px 0.17779898643493652px,  7.119575500488281px 0.17813652753829956px,  7.890514373779297px 0.1784740686416626px,  8.661457061767578px 0.17881160974502563px,  9.43239974975586px 0.17914915084838867px,  10.203338623046875px 0.1794866919517517px,  10.974281311035156px 0.17982423305511475px,  11.745223999023438px 0.18016178905963898px,  12.516166687011719px 0.18049933016300201px,  13.287109375px 0.18083687126636505px,  14.058048248291016px 0.1811744123697281px,  14.828990936279297px 0.18151196837425232px,  15.599929809570312px 0.18184950947761536px,  16.370872497558594px 0.1821870505809784px,  17.141815185546875px 0.18252459168434143px,  17.912757873535156px 0.18286213278770447px,  18.683698654174805px 0.1831996738910675px,  19.454639434814453px 0.18353722989559174px,  20.225582122802734px 0.18387477099895477px,  20.996522903442383px 0.1842123121023178px,  21.767465591430664px 0.18454985320568085px,  22.538406372070312px 0.18488739430904388px,  23.309349060058594px 0.18522495031356812px,  24.080289840698242px 0.18556249141693115px,  24.851232528686523px 0.1859000325202942px,  25.62217140197754px 0.18623757362365723px,  26.39311408996582px 0.18657511472702026px,  27.16405487060547px 0.1869126558303833px,  27.934995651245117px 0.18725021183490753px,  28.7059383392334px 0.18758775293827057px,  29.476879119873047px 0.1879252940416336px,  30.247821807861328px 0.18826283514499664px,  31.018762588500977px 0.18860037624835968px,  31.789705276489258px 0.1889379322528839px,  32.560646057128906px 0.18927547335624695px,  33.33158874511719px 0.18961301445960999px,  34.10253143310547px 0.18995055556297302px,  34.87347412109375px 0.19028809666633606px,  35.64441680908203px 0.1906256526708603px,  36.41535186767578px 0.19096319377422333px,  37.18629455566406px 0.19130073487758636px,  37.957237243652344px 0.1916382759809494px,  38.72817611694336px 0.19197581708431244px,  39.49911880493164px 0.19231337308883667px,  40.27006149291992px 0.1926509141921997px,  41.0410041809082px 0.19298845529556274px,  41.81194305419922px 0.19332599639892578px,  42.5828857421875px 0.19366353750228882px,  43.35382843017578px 0.19400107860565186px,  44.12477111816406px 0.1943386346101761px,  44.89570999145508px 0.19467617571353912px,  45.66665267944336px 0.19501371681690216px,  46.43759536743164px 0.1953512579202652px,  47.208534240722656px 0.19568879902362823px,  47.97947692871094px 0.19602635502815247px,  48.75041961669922px 0.1963638961315155px,  48.52812957763672px 0.7667330503463745px,  48.134273529052734px 1.4294706583023071px,  47.7347297668457px 2.088794708251953px,  47.32957458496094px 2.74468994140625px,  46.91886520385742px 3.3971176147460938px,  46.50267028808594px 4.0460591316223145px,  46.0810432434082px 4.6914873123168945px,  45.6540412902832px 5.333371639251709px,  45.22172546386719px 5.971688270568848px,  44.784149169921875px 6.606410980224609px,  44.341365814208984px 7.237517833709717px,  43.8934326171875px 7.864974498748779px,  43.440399169921875px 8.488753318786621px,  42.982295989990234px 9.108829498291016px,  42.51919174194336px 9.725174903869629px,  42.05109786987305px 10.337738990783691px,  41.578086853027344px 10.946513175964355px,  41.100196838378906px 11.551467895507812px,  40.61747360229492px 12.152570724487305px,  40.12995529174805px 12.749791145324707px,  39.63767623901367px 13.343103408813477px,  39.14069366455078px 13.93246078491211px,  38.63902282714844px 14.517838478088379px,  38.13269805908203px 15.099211692810059px,  37.62176513671875px 15.676527976989746px,  37.10624694824219px 16.249755859375px,  36.586181640625px 16.818862915039062px,  36.06159591674805px 17.383804321289062px,  35.532527923583984px 17.944543838500977px,  34.99899673461914px 18.501033782958984px,  34.461029052734375px 19.053245544433594px,  33.91864776611328px 19.601125717163086px,  33.371891021728516px 20.144630432128906px,  32.82076644897461px 20.6837158203125px,  32.26531219482422px 21.218334197998047px,  31.705543518066406px 21.748441696166992px,  31.141494750976562px 22.27396583557129px,  30.57316780090332px 22.79488182067871px,  30.000593185424805px 23.311126708984375px,  29.423789978027344px 23.82263946533203px,  28.842775344848633px 24.329370498657227px,  28.257570266723633px 24.83125114440918px,  27.66819190979004px 25.328227996826172px,  27.074665069580078px 25.820228576660156px,  26.47699546813965px 26.30719757080078px,  25.875205993652344px 26.789066314697266px,  25.269306182861328px 27.265766143798828px,  24.659326553344727px 27.73721694946289px,  24.04526710510254px 28.20335578918457px,  23.427154541015625px 28.66410255432129px,  22.80500602722168px 29.11937141418457px,  22.1788330078125px 29.569087982177734px,  21.548648834228516px 30.013172149658203px,  20.914464950561523px 30.4515323638916px,  20.276308059692383px 30.884078979492188px,  19.634187698364258px 31.310720443725586px,  18.988122940063477px 31.731367111206055px,  18.338123321533203px 32.14591979980469px,  17.68422508239746px 32.55426788330078px,  17.026426315307617px 32.95631790161133px,  16.364749908447266px 33.351966857910156px,  15.699173927307129px 33.74102020263672px,  15.029764175415039px 34.12342071533203px,  14.356576919555664px 34.4991340637207px,  13.679513931274414px 34.867835998535156px,  12.998761177062988px 35.22966384887695px,  12.314223289489746px 35.58427047729492px,  11.625961303710938px 35.93159484863281px,  10.933979034423828px 36.2714729309082px,  10.238347053527832px 36.60380935668945px,  9.539076805114746px 36.92839813232422px,  8.836204528808594px 37.24512481689453px,  8.129768371582031px 37.55382537841797px,  7.419818878173828px 37.854312896728516px,  6.7063798904418945px 38.14645767211914px,  5.989501476287842px 38.43004608154297px,  5.269242763519287px 38.70494079589844px,  4.5456461906433105px 38.970947265625px,  3.818777322769165px 39.22785568237305px,  3.088702917098999px 39.47552490234375px,  2.3554766178131104px 39.713687896728516px,  1.619186520576477px 39.942195892333984px,  0.8799132704734802px 40.16086196899414px,  0.21799814701080322px 40.2640495300293px,  0.2172885239124298px 39.493106842041016px,  0.2165789008140564px 38.722164154052734px,  0.21586927771568298px 37.95122146606445px,  0.21515965461730957px 37.18027877807617px,  0.21445004642009735px 36.40934371948242px,  0.21374042332172394px 35.63840103149414px,  0.21303080022335052px 34.86745834350586px,  0.2123211771249771px 34.09651565551758px,  0.2116115689277649px 33.3255729675293px,  0.21090194582939148px 32.554630279541016px,  0.21019232273101807px 31.783689498901367px,  0.20948269963264465px 31.012754440307617px,  0.20877307653427124px 30.241811752319336px,  0.20806346833705902px 29.470870971679688px,  0.2073538452386856px 28.699928283691406px,  0.2066442221403122px 27.928985595703125px,  0.20593459904193878px 27.158042907714844px,  0.20522497594356537px 26.387100219726562px,  0.20451536774635315px 25.616165161132812px,  0.20380574464797974px 24.845224380493164px,  0.20309612154960632px 24.07427406311035px,  0.2023864984512329px 23.3033390045166px,  0.2016768902540207px 22.53240394592285px,  0.20096726715564728px 21.76145362854004px,  0.20025764405727386px 20.99051856994629px,  0.19954802095890045px 20.21957015991211px,  0.19883841276168823px 19.44863510131836px,  0.19812877476215363px 18.677684783935547px,  0.1974191665649414px 17.906749725341797px,  0.1967095583677292px 17.135814666748047px,  0.19599992036819458px 16.364864349365234px,  0.19529031217098236px 15.5939302444458px,  0.19458068907260895px 14.822980880737305px,  0.19387106597423553px 14.052045822143555px,  0.19316144287586212px 13.281095504760742px,  0.1924518346786499px 12.510161399841309px,  0.1917421966791153px 11.739211082458496px,  0.19103258848190308px 10.968276023864746px,  0.19032296538352966px 10.197341918945312px,  0.18961334228515625px 9.4263916015625px,  0.18890373408794403px 8.65545654296875px,  0.18819409608840942px 7.884506702423096px,  0.1874844878911972px 7.113572120666504px,  0.1867748647928238px 6.34262228012085px,  0.18606524169445038px 5.5716872215271px,  0.18535563349723816px 4.800752639770508px,  0.18464601039886475px 4.0298027992248535px,  0.18393638730049133px 3.2588682174682617px,  0.18322676420211792px 2.4879181385040283px,  0.1825171560049057px 1.716983437538147px,  0.1818075180053711px 0.9460333585739136px,  0.18109790980815887px 0.17509862780570984px);
}

.misc-grid-container .card4 .hover-top-svg {
  background-color: #ECBA3B;
  clip-path: polygon(0.18109790980815887px 0.17509862780570984px,  0.9520416259765625px 0.17543616890907288px,  1.7229804992675781px 0.1757737100124359px,  2.4939231872558594px 0.17611125111579895px,  3.2648658752441406px 0.17644880712032318px,  4.035808563232422px 0.17678634822368622px,  4.8067474365234375px 0.17712388932704926px,  5.577690124511719px 0.1774614304304123px,  6.3486328125px 0.17779898643493652px,  7.119575500488281px 0.17813652753829956px,  7.890514373779297px 0.1784740686416626px,  8.661457061767578px 0.17881160974502563px,  9.43239974975586px 0.17914915084838867px,  10.203338623046875px 0.1794866919517517px,  10.974281311035156px 0.17982423305511475px,  11.745223999023438px 0.18016178905963898px,  12.516166687011719px 0.18049933016300201px,  13.287109375px 0.18083687126636505px,  14.058048248291016px 0.1811744123697281px,  14.828990936279297px 0.18151196837425232px,  15.599929809570312px 0.18184950947761536px,  16.370872497558594px 0.1821870505809784px,  17.141815185546875px 0.18252459168434143px,  17.912757873535156px 0.18286213278770447px,  18.683698654174805px 0.1831996738910675px,  19.454639434814453px 0.18353722989559174px,  20.225582122802734px 0.18387477099895477px,  20.996522903442383px 0.1842123121023178px,  21.767465591430664px 0.18454985320568085px,  22.538406372070312px 0.18488739430904388px,  23.309349060058594px 0.18522495031356812px,  24.080289840698242px 0.18556249141693115px,  24.851232528686523px 0.1859000325202942px,  25.62217140197754px 0.18623757362365723px,  26.39311408996582px 0.18657511472702026px,  27.16405487060547px 0.1869126558303833px,  27.934995651245117px 0.18725021183490753px,  28.7059383392334px 0.18758775293827057px,  29.476879119873047px 0.1879252940416336px,  30.247821807861328px 0.18826283514499664px,  31.018762588500977px 0.18860037624835968px,  31.789705276489258px 0.1889379322528839px,  32.560646057128906px 0.18927547335624695px,  33.33158874511719px 0.18961301445960999px,  34.10253143310547px 0.18995055556297302px,  34.87347412109375px 0.19028809666633606px,  35.64441680908203px 0.1906256526708603px,  36.41535186767578px 0.19096319377422333px,  37.18629455566406px 0.19130073487758636px,  37.957237243652344px 0.1916382759809494px,  38.72817611694336px 0.19197581708431244px,  39.49911880493164px 0.19231337308883667px,  40.27006149291992px 0.1926509141921997px,  41.0410041809082px 0.19298845529556274px,  41.81194305419922px 0.19332599639892578px,  42.5828857421875px 0.19366353750228882px,  43.35382843017578px 0.19400107860565186px,  44.12477111816406px 0.1943386346101761px,  44.89570999145508px 0.19467617571353912px,  45.66665267944336px 0.19501371681690216px,  46.43759536743164px 0.1953512579202652px,  47.208534240722656px 0.19568879902362823px,  47.97947692871094px 0.19602635502815247px,  48.75041961669922px 0.1963638961315155px,  48.52812957763672px 0.7667330503463745px,  48.134273529052734px 1.4294706583023071px,  47.7347297668457px 2.088794708251953px,  47.32957458496094px 2.74468994140625px,  46.91886520385742px 3.3971176147460938px,  46.50267028808594px 4.0460591316223145px,  46.0810432434082px 4.6914873123168945px,  45.6540412902832px 5.333371639251709px,  45.22172546386719px 5.971688270568848px,  44.784149169921875px 6.606410980224609px,  44.341365814208984px 7.237517833709717px,  43.8934326171875px 7.864974498748779px,  43.440399169921875px 8.488753318786621px,  42.982295989990234px 9.108829498291016px,  42.51919174194336px 9.725174903869629px,  42.05109786987305px 10.337738990783691px,  41.578086853027344px 10.946513175964355px,  41.100196838378906px 11.551467895507812px,  40.61747360229492px 12.152570724487305px,  40.12995529174805px 12.749791145324707px,  39.63767623901367px 13.343103408813477px,  39.14069366455078px 13.93246078491211px,  38.63902282714844px 14.517838478088379px,  38.13269805908203px 15.099211692810059px,  37.62176513671875px 15.676527976989746px,  37.10624694824219px 16.249755859375px,  36.586181640625px 16.818862915039062px,  36.06159591674805px 17.383804321289062px,  35.532527923583984px 17.944543838500977px,  34.99899673461914px 18.501033782958984px,  34.461029052734375px 19.053245544433594px,  33.91864776611328px 19.601125717163086px,  33.371891021728516px 20.144630432128906px,  32.82076644897461px 20.6837158203125px,  32.26531219482422px 21.218334197998047px,  31.705543518066406px 21.748441696166992px,  31.141494750976562px 22.27396583557129px,  30.57316780090332px 22.79488182067871px,  30.000593185424805px 23.311126708984375px,  29.423789978027344px 23.82263946533203px,  28.842775344848633px 24.329370498657227px,  28.257570266723633px 24.83125114440918px,  27.66819190979004px 25.328227996826172px,  27.074665069580078px 25.820228576660156px,  26.47699546813965px 26.30719757080078px,  25.875205993652344px 26.789066314697266px,  25.269306182861328px 27.265766143798828px,  24.659326553344727px 27.73721694946289px,  24.04526710510254px 28.20335578918457px,  23.427154541015625px 28.66410255432129px,  22.80500602722168px 29.11937141418457px,  22.1788330078125px 29.569087982177734px,  21.548648834228516px 30.013172149658203px,  20.914464950561523px 30.4515323638916px,  20.276308059692383px 30.884078979492188px,  19.634187698364258px 31.310720443725586px,  18.988122940063477px 31.731367111206055px,  18.338123321533203px 32.14591979980469px,  17.68422508239746px 32.55426788330078px,  17.026426315307617px 32.95631790161133px,  16.364749908447266px 33.351966857910156px,  15.699173927307129px 33.74102020263672px,  15.029764175415039px 34.12342071533203px,  14.356576919555664px 34.4991340637207px,  13.679513931274414px 34.867835998535156px,  12.998761177062988px 35.22966384887695px,  12.314223289489746px 35.58427047729492px,  11.625961303710938px 35.93159484863281px,  10.933979034423828px 36.2714729309082px,  10.238347053527832px 36.60380935668945px,  9.539076805114746px 36.92839813232422px,  8.836204528808594px 37.24512481689453px,  8.129768371582031px 37.55382537841797px,  7.419818878173828px 37.854312896728516px,  6.7063798904418945px 38.14645767211914px,  5.989501476287842px 38.43004608154297px,  5.269242763519287px 38.70494079589844px,  4.5456461906433105px 38.970947265625px,  3.818777322769165px 39.22785568237305px,  3.088702917098999px 39.47552490234375px,  2.3554766178131104px 39.713687896728516px,  1.619186520576477px 39.942195892333984px,  0.8799132704734802px 40.16086196899414px,  0.21799814701080322px 40.2640495300293px,  0.2172885239124298px 39.493106842041016px,  0.2165789008140564px 38.722164154052734px,  0.21586927771568298px 37.95122146606445px,  0.21515965461730957px 37.18027877807617px,  0.21445004642009735px 36.40934371948242px,  0.21374042332172394px 35.63840103149414px,  0.21303080022335052px 34.86745834350586px,  0.2123211771249771px 34.09651565551758px,  0.2116115689277649px 33.3255729675293px,  0.21090194582939148px 32.554630279541016px,  0.21019232273101807px 31.783689498901367px,  0.20948269963264465px 31.012754440307617px,  0.20877307653427124px 30.241811752319336px,  0.20806346833705902px 29.470870971679688px,  0.2073538452386856px 28.699928283691406px,  0.2066442221403122px 27.928985595703125px,  0.20593459904193878px 27.158042907714844px,  0.20522497594356537px 26.387100219726562px,  0.20451536774635315px 25.616165161132812px,  0.20380574464797974px 24.845224380493164px,  0.20309612154960632px 24.07427406311035px,  0.2023864984512329px 23.3033390045166px,  0.2016768902540207px 22.53240394592285px,  0.20096726715564728px 21.76145362854004px,  0.20025764405727386px 20.99051856994629px,  0.19954802095890045px 20.21957015991211px,  0.19883841276168823px 19.44863510131836px,  0.19812877476215363px 18.677684783935547px,  0.1974191665649414px 17.906749725341797px,  0.1967095583677292px 17.135814666748047px,  0.19599992036819458px 16.364864349365234px,  0.19529031217098236px 15.5939302444458px,  0.19458068907260895px 14.822980880737305px,  0.19387106597423553px 14.052045822143555px,  0.19316144287586212px 13.281095504760742px,  0.1924518346786499px 12.510161399841309px,  0.1917421966791153px 11.739211082458496px,  0.19103258848190308px 10.968276023864746px,  0.19032296538352966px 10.197341918945312px,  0.18961334228515625px 9.4263916015625px,  0.18890373408794403px 8.65545654296875px,  0.18819409608840942px 7.884506702423096px,  0.1874844878911972px 7.113572120666504px,  0.1867748647928238px 6.34262228012085px,  0.18606524169445038px 5.5716872215271px,  0.18535563349723816px 4.800752639770508px,  0.18464601039886475px 4.0298027992248535px,  0.18393638730049133px 3.2588682174682617px,  0.18322676420211792px 2.4879181385040283px,  0.1825171560049057px 1.716983437538147px,  0.1818075180053711px 0.9460333585739136px,  0.18109790980815887px 0.17509862780570984px);
}

.misc-grid-container .card5 .hover-top-svg {
  background-color: #5FB560;
  clip-path: polygon(0.2757035791873932px 0.1892029345035553px, 1.4265365600585938px 0.19011715054512024px, 2.577373504638672px 0.19103136658668518px, 3.72821044921875px 0.19194558262825012px, 4.879047393798828px 0.19285979866981506px, 6.029884338378906px 0.19377401471138px, 7.180721282958984px 0.19468823075294495px, 8.331558227539062px 0.1956024467945099px, 9.482391357421875px 0.19651666283607483px, 10.633232116699219px 0.19743089377880096px, 11.784065246582031px 0.1983451098203659px, 12.93490219116211px 0.19925932586193085px, 14.085737228393555px 0.2001735419034958px, 15.236574172973633px 0.20108775794506073px, 16.387409210205078px 0.20200197398662567px, 17.538246154785156px 0.2029161900281906px, 18.689083099365234px 0.20383040606975555px, 19.839920043945312px 0.2047446221113205px, 20.99075698852539px 0.20565883815288544px, 22.14159393310547px 0.20657305419445038px, 23.292428970336914px 0.2074872851371765px, 24.443265914916992px 0.20840150117874146px, 25.594100952148438px 0.2093157172203064px, 26.744937896728516px 0.21022993326187134px, 27.895774841308594px 0.21114414930343628px, 29.046611785888672px 0.21205836534500122px, 30.19744873046875px 0.21297258138656616px, 31.348283767700195px 0.2138867974281311px, 32.49911880493164px 0.21480101346969604px, 33.64995574951172px 0.215715229511261px, 34.8007926940918px 0.21662944555282593px, 35.951629638671875px 0.21754366159439087px, 37.10246658325195px 0.2184578776359558px, 38.25330352783203px 0.21937209367752075px, 39.404136657714844px 0.2202863097190857px, 40.55497360229492px 0.22120054066181183px, 41.705810546875px 0.22211475670337677px, 42.85664749145508px 0.2230289727449417px, 44.007484436035156px 0.22394318878650665px, 45.059383392333984px 0.3121384382247925px, 44.904788970947266px 1.4525202512741089px, 44.7264518737793px 2.589433431625366px, 44.52416229248047px 3.7223284244537354px, 44.29782485961914px 4.850666522979736px, 44.04741287231445px 5.9738993644714355px, 43.772769927978516px 7.091460704803467px, 43.47394943237305px 8.202800750732422px, 43.15091323852539px 9.307344436645508px, 42.80377960205078px 10.404553413391113px, 42.432498931884766px 11.493828773498535px, 42.03730010986328px 12.574658393859863px, 41.618324279785156px 13.646489143371582px, 41.17566680908203px 14.708761215209961px, 40.70958709716797px 15.760968208312988px, 40.22032928466797px 16.80259895324707px, 39.70816421508789px 17.83315658569336px, 39.17338180541992px 18.852163314819336px, 38.61628723144531px 19.859153747558594px, 38.0372428894043px 20.853666305541992px, 37.436580657958984px 21.835290908813477px, 36.8147087097168px 22.803607940673828px, 36.172019958496094px 23.758235931396484px, 35.50889205932617px 24.698787689208984px, 34.82573318481445px 25.624900817871094px, 34.12302780151367px 26.5362491607666px, 33.40120315551758px 27.432552337646484px, 32.660675048828125px 28.313451766967773px, 31.901878356933594px 29.178682327270508px, 31.125322341918945px 30.02799415588379px, 30.331390380859375px 30.861083984375px, 29.52056121826172px 31.677749633789062px, 28.693286895751953px 32.47773742675781px, 27.8499813079834px 33.26081848144531px, 26.991106033325195px 34.026790618896484px, 26.117082595825195px 34.775428771972656px, 25.22832489013672px 35.50651931762695px, 24.325286865234375px 36.21989440917969px, 23.408321380615234px 36.915287017822266px, 22.477888107299805px 37.592533111572266px, 21.53437042236328px 38.251426696777344px, 20.578147888183594px 38.89175796508789px, 19.609586715698242px 39.51325225830078px, 18.629056930541992px 40.11572265625px, 17.63695526123047px 40.69891357421875px, 16.633628845214844px 41.262577056884766px, 15.619431495666504px 41.80642318725586px, 14.594691276550293px 42.330169677734375px, 13.559785842895508px 42.8334846496582px, 12.515008926391602px 43.316009521484375px, 11.460713386535645px 43.77737045288086px, 10.397274017333984px 44.21719741821289px, 9.324975967407227px 44.635009765625px, 8.244187355041504px 45.03032684326172px, 7.1552414894104px 45.40260314941406px, 6.058529853820801px 45.75128936767578px, 4.95437479019165px 46.07566833496094px, 3.843202590942383px 46.37507247924805px, 2.7253823280334473px 46.648719787597656px, 1.60140860080719px 46.89573287963867px, 0.47172811627388px 47.11514663696289px, 0.2558678686618805px 46.2226676940918px, 0.25636374950408936px 45.07182693481445px, 0.2568596303462982px 43.92099380493164px, 0.25735554099082947px 42.7701530456543px, 0.25785142183303833px 41.619319915771484px, 0.2583473324775696px 40.46847915649414px, 0.25884321331977844px 39.31764602661133px, 0.2593390941619873px 38.166812896728516px, 0.25983500480651855px 37.01597213745117px, 0.2603308856487274px 35.86513900756836px, 0.26082679629325867px 34.714298248291016px, 0.26132267713546753px 33.5634651184082px, 0.2618185579776764px 32.41263198852539px, 0.26231446862220764px 31.26178550720215px, 0.2628103494644165px 30.110952377319336px, 0.26330626010894775px 28.960119247436523px, 0.2638021409511566px 27.80928611755371px, 0.26429805159568787px 26.658437728881836px, 0.26479393243789673px 25.507604598999023px, 0.2652898132801056px 24.35677146911621px, 0.26578572392463684px 23.20594024658203px, 0.2662816047668457px 22.055091857910156px, 0.26677751541137695px 20.904258728027344px, 0.2672733962535858px 19.75342559814453px, 0.2677692770957947px 18.60259246826172px, 0.2682651877403259px 17.451759338378906px, 0.2687610685825348px 16.30091094970703px, 0.26925697922706604px 15.150077819824219px, 0.2697528600692749px 13.999244689941406px, 0.27024874091148376px 12.848411560058594px, 0.270744651556015px 11.697564125061035px, 0.2712405323982239px 10.546730995178223px, 0.2717364430427551px 9.39589786529541px, 0.272232323884964px 8.245064735412598px, 0.27272823452949524px 7.0942158699035645px, 0.2732241153717041px 5.94338321685791px, 0.27371999621391296px 4.792550086975098px, 0.2742159068584442px 3.6417171955108643px, 0.2747117877006531px 2.4908690452575684px, 0.2752076983451843px 1.3400359153747559px, 0.2757035791873932px 0.1892029345035553px);
}

.misc-grid-container .background-image {
  opacity: 1;
  transition: .5s;
}


@media only screen and (max-width: 729px) {
  
  div.misc-grid-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: unset;
    grid-row-gap: .7%;
    display:-ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
 
  .misc-grid-container .card1 {
    grid-column: 1 / 2;
    grid-row: 2 / 5;
    display: block;
    -ms-grid-column: 1;
    -ms-grid-row: 2; 
    -ms-grid-row-span: 3;
  }

  .misc-grid-container .card2 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 5 / 7;
    -ms-grid-column: 1;
    -ms-grid-row: 5; 
    -ms-grid-row-span: 2;
  }

  .misc-grid-container .card3 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    -ms-grid-column: 1;
    -ms-grid-row: 7; 
  }

  .misc-grid-container .card4 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1; 
  }

  .misc-grid-container .card5 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 8 / 10;
    -ms-grid-column: 1;
    -ms-grid-row: 8; 
    -ms-grid-row-span: 2;
  }
  
  .misc-grid-container .card-content-container {
    margin: 2.2rem 2rem .5rem;
  }
  
  .misc-grid-container .card3 .card-content-container, .misc-grid-container .card4 .card-content-container {
    height: 77%;
  }
  
  .misc-grid-container .card-content-container {
    margin: 1.5rem 2rem .7rem;
  }
}

@media only screen and (max-width: 767px) {
  div.misc-grid-container {
    margin: 1.5rem 0 4rem;
  }
}

@media only screen and (min-width: 730px) and (max-width: 767px) {
  div.MiscSection-container {
    margin-bottom: 12rem;
  }
}

@media only screen and (max-width: 991px) {
  .misc-grid-container .card-content-container h4.card-header-misc {
    font-size: 22px;
  }
  
  .misc-grid-container .card-content-container {
    margin: 2.2rem 2rem .3rem;
  }
  
  .misc-grid-container .card3 .card-content-container, .misc-grid-container .card4 .card-content-container {
    height: 73%;
  }
}  

@media only screen and (min-width: 730px) and (max-width: 991px) {
  .misc-grid-container {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2,49%);
    grid-template-rows: repeat(5,1fr);
    grid-column-gap: 2%;
    grid-row-gap: 1%;
    display:-ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
  }
  
  .misc-grid-container .card1 {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    display: block;
    -ms-grid-column: 1;
    -ms-grid-row: 1; 
    -ms-grid-row-span: 3;
  }

  .misc-grid-container .card2 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    -ms-grid-column: 2;
    -ms-grid-row: 1; 
    -ms-grid-row-span: 2;
  }

  .misc-grid-container .card3 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 2;
    -ms-grid-row: 3; 
  }

  .misc-grid-container .card4 {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    -ms-grid-column: 1;
    -ms-grid-row: 4; 
  }

  .misc-grid-container .card5 {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 4 / 6;
    -ms-grid-column: 2;
    -ms-grid-row: 4; 
    -ms-grid-row-span: 2;
  }
  
  .MiscSection-container {
    margin-bottom: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .misc-grid-container .card1.hover-expanded .hover-top-svg {
    clip-path: polygon(0px 0px, 9.046539306640625px 0px, 18.093109130859375px 0px, 27.139678955078125px 0px, 36.18621826171875px 0px, 45.232757568359375px 0px, 54.279327392578125px 0px, 63.325897216796875px 0px, 72.3724365234375px 0px, 81.41899108886719px 0px, 90.46554565429688px 0px, 99.51210021972656px 0px, 108.55865478515625px 0px, 117.60520935058594px 0px, 126.65176391601562px 0px, 135.6983184814453px 0px, 144.744873046875px 0px, 153.7914276123047px 0px, 162.83798217773438px 0px, 171.88453674316406px 0px, 180.93109130859375px 0px, 189.97764587402344px 0px, 199.02420043945312px 0px, 208.0707550048828px 0px, 217.1173095703125px 0px, 226.1638641357422px 0px, 235.21041870117188px 0px, 244.25697326660156px 0px, 253.30352783203125px 0px, 262.35009765625px 0px, 271.3966369628906px 0px, 280.4432067871094px 0px, 289.48974609375px 0px, 298.53631591796875px 0px, 307.5828552246094px 0px, 316.6294250488281px 0px, 325.67596435546875px 0px, 334.6361389160156px 0.11779952049255371px, 337.2868347167969px 8.767158508300781px, 339.7755432128906px 17.4644775390625px, 342.0959167480469px 26.208221435546875px, 344.2408142089844px 34.99668502807617px, 346.2029724121094px 43.82765579223633px, 347.97503662109375px 52.698787689208984px, 349.5494689941406px 61.607032775878906px, 350.9187316894531px 70.54917907714844px, 352.0729064941406px 79.52153015136719px, 353.0054931640625px 88.5196762084961px, 353.7057800292969px 97.53876495361328px, 354.1662292480469px 106.57333374023438px, 354.3773193359375px 115.6170654296875px, 354.3295593261719px 124.6631851196289px, 354.0135803222656px 133.70384216308594px, 353.4202880859375px 142.7305450439453px, 352.54095458984375px 151.73382568359375px, 351.3658447265625px 160.70330810546875px, 349.8865661621094px 169.6276092529297px, 348.0946350097656px 178.4944305419922px, 345.9836120605469px 187.29066467285156px, 343.5466613769531px 196.00218200683594px, 340.7772521972656px 204.61383056640625px, 337.6712646484375px 213.10980224609375px, 334.2252197265625px 221.47364807128906px, 330.4376220703125px 229.68838500976562px, 326.30792236328125px 237.73655700683594px, 321.837890625px 245.60076904296875px, 317.0307922363281px 253.26364135742188px, 311.8917541503906px 260.70794677734375px, 306.4276428222656px 267.91693115234375px, 300.6473083496094px 274.875px, 294.5614013671875px 281.5674133300781px, 288.181640625px 287.98028564453125px, 281.5217590332031px 294.10174560546875px, 274.5961608886719px 299.9209289550781px, 267.4202880859375px 305.4286193847656px, 260.0107421875px 310.6174011230469px, 252.38424682617188px 315.48211669921875px, 244.55770874023438px 320.01788330078125px, 236.54818725585938px 324.2220153808594px, 228.37303161621094px 328.09423828125px, 220.048095703125px 331.63336181640625px, 211.59033203125px 334.8421630859375px, 203.01513671875px 337.7225036621094px, 194.33746337890625px 340.27740478515625px, 185.57176208496094px 342.5119934082031px, 176.73162841796875px 344.4309997558594px, 167.8297576904297px 346.03985595703125px, 158.8782958984375px 347.3445739746094px, 149.88833618164062px 348.3516845703125px, 140.8705596923828px 349.0680236816406px, 131.83473205566406px 349.5004577636719px, 122.78990936279297px 349.6551208496094px, 113.74442291259766px 349.54083251953125px, 104.70614624023438px 349.1626281738281px, 95.6820297241211px 348.5295104980469px, 86.67893981933594px 347.64794921875px, 77.70274353027344px 346.5240173339844px, 68.7590560913086px 345.16571044921875px, 59.85292053222656px 343.5794982910156px, 50.98906326293945px 341.7720947265625px, 42.171485900878906px 339.7500915527344px, 33.4046745300293px 337.51904296875px, 24.691516876220703px 335.0858154296875px, 16.035568237304688px 332.45709228515625px, 7.440072059631348px 329.6371765136719px, 0.270964115858078px 325.67584228515625px, 0.26343730092048645px 316.6292724609375px, 0.25591057538986206px 307.582763671875px, 0.2483837753534317px 298.5362243652344px, 0.24085697531700134px 289.4896545410156px, 0.23333019018173218px 280.4430847167969px, 0.2258034497499466px 271.3965759277344px, 0.21827664971351624px 262.3500061035156px, 0.21074986457824707px 253.30343627929688px, 0.2032230645418167px 244.25686645507812px, 0.19569632411003113px 235.21035766601562px, 0.1881694793701172px 226.1637420654297px, 0.1806427389383316px 217.1172332763672px, 0.17311599850654602px 208.0707244873047px, 0.16558915376663208px 199.0240936279297px, 0.1580624133348465px 189.97760009765625px, 0.15053565800189972px 180.93109130859375px, 0.14300882816314697px 171.88446044921875px, 0.1354820728302002px 162.83795166015625px, 0.12795522809028625px 153.79132080078125px, 0.12042848765850067px 144.7448272705078px, 0.11290174722671509px 135.6983184814453px, 0.10537490248680115px 126.65168762207031px, 0.09784816205501556px 117.60517883300781px, 0.09032142162322998px 108.55867767333984px, 0.08279457688331604px 99.51204681396484px, 0.07526782900094986px 90.46554565429688px, 0.06774099171161652px 81.41891479492188px, 0.060214243829250336px 72.3724136352539px, 0.05268750339746475px 63.325904846191406px, 0.04516065865755081px 54.27927780151367px, 0.03763391450047493px 45.23277282714844px, 0.030107174068689346px 36.1862678527832px, 0.022580329328775406px 27.139638900756836px, 0.015053587034344673px 18.0931339263916px, 0.00752674276009202px 9.04650592803955px, 0px 0px);
  }

  .misc-grid-container .card2.hover-expanded .hover-top-svg {
    clip-path: polygon(0.2661045491695404px 0.5771177411079407px, 5.958465576171875px 0.5825836658477783px, 11.650787353515625px 0.5880495309829712px, 17.3431396484375px 0.5935155153274536px, 23.03546142578125px 0.5989813804626465px, 28.727813720703125px 0.6044473052024841px, 34.420135498046875px 0.6099132299423218px, 40.11248779296875px 0.6153790950775146px, 45.8048095703125px 0.6208449602127075px, 51.497161865234375px 0.6263109445571899px, 57.189483642578125px 0.6317768096923828px, 62.8818359375px 0.6372427344322205px, 68.57412719726562px 0.6427086591720581px, 74.2664794921875px 0.648174524307251px, 79.95880126953125px 0.6536403894424438px, 85.65115356445312px 0.6591063737869263px, 91.34347534179688px 0.6645722389221191px, 97.03582763671875px 0.6700381636619568px, 102.7281494140625px 0.6755040287971497px, 108.42050170898438px 0.6809699535369873px, 114.11282348632812px 0.686435878276825px, 119.80516052246094px 0.6919018030166626px, 125.49748229980469px 0.6973676681518555px, 131.18983459472656px 0.7028335928916931px, 136.88217163085938px 0.7082995176315308px, 142.5745086669922px 0.7137653827667236px, 148.26683044433594px 0.7192313075065613px, 153.95916748046875px 0.7246972322463989px, 159.65150451660156px 0.7301630973815918px, 165.34384155273438px 0.7356290221214294px, 171.0361785888672px 0.7410949468612671px, 176.728515625px 0.74656081199646px, 182.42083740234375px 0.7520267367362976px, 188.11317443847656px 0.7574926614761353px, 193.80551147460938px 0.7629585266113281px, 199.4978485107422px 0.7684244513511658px, 205.190185546875px 0.7738903760910034px, 210.8825225830078px 0.7793562412261963px, 216.57484436035156px 0.7848221659660339px, 222.26718139648438px 0.7902880907058716px, 227.9595184326172px 0.7957539558410645px, 233.65185546875px 0.8012198805809021px, 239.34417724609375px 0.8066858053207397px, 245.03652954101562px 0.8121516704559326px, 250.72885131835938px 0.8176175951957703px, 256.42120361328125px 0.8230835199356079px, 262.113525390625px 0.8285493850708008px, 267.80584716796875px 0.8340153098106384px, 273.4981994628906px 0.8394812345504761px, 279.1905212402344px 0.844947099685669px, 284.88287353515625px 0.8504130244255066px, 290.5751953125px 0.8558789491653442px, 296.2675476074219px 0.8613448143005371px, 301.9598693847656px 0.8668107390403748px, 307.6522216796875px 0.8722766637802124px, 313.34454345703125px 0.8777425289154053px, 319.0368957519531px 0.8832084536552429px, 324.72918701171875px 0.8886743783950806px, 330.4215393066406px 0.8941402435302734px, 336.1138610839844px 0.8996061682701111px, 341.80621337890625px 0.9050720930099487px, 347.49853515625px 0.9105379581451416px, 353.1908874511719px 0.9160038828849792px, 355.4643249511719px 4.330238342285156px, 355.45294189453125px 10.022575378417969px, 355.4415588378906px 15.714889526367188px, 355.4301452636719px 21.4072265625px, 355.41876220703125px 27.09954071044922px, 355.4073791503906px 32.79187774658203px, 355.39599609375px 38.48419189453125px, 355.38458251953125px 44.17652893066406px, 355.3731994628906px 49.86884307861328px, 355.36181640625px 55.561180114746094px, 355.35040283203125px 61.25349426269531px, 355.3390197753906px 66.94583129882812px, 355.32763671875px 72.63814544677734px, 355.31622314453125px 78.33049011230469px, 355.3048400878906px 84.02279663085938px, 355.29345703125px 89.71513366699219px, 355.2820739746094px 95.4074478149414px, 355.2706604003906px 101.09978485107422px, 355.25927734375px 106.79212951660156px, 355.2478942871094px 112.48443603515625px, 355.2364807128906px 118.1767807006836px, 355.22509765625px 123.86908721923828px, 354.0982666015625px 128.4380340576172px, 348.40594482421875px 128.43121337890625px, 342.7137756347656px 128.46987915039062px, 337.02215576171875px 128.55894470214844px, 331.33172607421875px 128.70523071289062px, 325.6433410644531px 128.91561889648438px, 319.9580383300781px 129.19732666015625px, 314.2772216796875px 129.55897521972656px, 308.6028747558594px 130.0102996826172px, 302.9374084472656px 130.5621795654297px, 297.2840881347656px 131.22625732421875px, 291.6468505859375px 132.0155029296875px, 286.0308837890625px 132.9438934326172px, 280.44268798828125px 134.02642822265625px, 274.8899841308594px 135.27822875976562px, 269.3819885253906px 136.71417236328125px, 263.9298095703125px 138.34901428222656px, 258.5452880859375px 140.19418334960938px, 253.24139404296875px 142.25975036621094px, 248.03091430664062px 144.55078125px, 242.92579650878906px 147.06777954101562px, 237.9362030029297px 149.80650329589844px, 233.069091796875px 152.75762939453125px, 228.32823181152344px 155.9076385498047px, 223.71376037597656px 159.2401580810547px, 219.2227020263672px 162.7372283935547px, 214.84890747070312px 166.3800048828125px, 210.58436584472656px 170.15025329589844px, 206.41981506347656px 174.03065490722656px, 202.3453369140625px 178.00550842285156px, 198.32444763183594px 182.0338592529297px, 194.1714630126953px 185.92691040039062px, 190.0582275390625px 189.86180114746094px, 185.98117065429688px 193.83419799804688px, 181.9371337890625px 197.84017944335938px, 177.9210662841797px 201.8743438720703px, 173.92666625976562px 205.92990112304688px, 169.94496154785156px 209.9978790283203px, 165.96511840820312px 214.06776428222656px, 161.97621154785156px 218.12863159179688px, 157.96163940429688px 222.16419982910156px, 153.9046173095703px 226.15701293945312px, 149.78553771972656px 230.08583068847656px, 145.58303833007812px 233.9250946044922px, 141.27590942382812px 237.64646911621094px, 136.84413146972656px 241.2181854248047px, 132.27059936523438px 244.60658264160156px, 127.54470825195312px 247.778564453125px, 122.66266632080078px 250.7044219970703px, 117.62871551513672px 253.36024475097656px, 112.45494842529297px 255.73233032226562px, 107.158203125px 257.81536865234375px, 101.75873565673828px 259.615478515625px, 96.27620697021484px 261.1446838378906px, 90.72944641113281px 262.42181396484375px, 85.13440704345703px 263.4679260253906px, 79.50416564941406px 264.30426025390625px, 73.84915161132812px 264.95281982421875px, 68.17729949951172px 265.4330139160156px, 62.51626968383789px 265.1053771972656px, 56.87059783935547px 264.3783874511719px, 51.235233306884766px 263.5755310058594px, 45.6143798828125px 262.6766052246094px, 40.01353454589844px 261.6607971191406px, 34.43975830078125px 260.5061950683594px, 28.90081787109375px 259.1946105957031px, 23.405107498168945px 257.7120361328125px, 17.960859298706055px 256.05078125px, 12.574808120727539px 254.20974731445312px, 7.251418113708496px 252.1943817138672px, 1.992817759513855px 250.0155029296875px, 0.42511117458343506px 245.34756469726562px, 0.4214133620262146px 239.65524291992188px, 0.41771551966667175px 233.96292114257812px, 0.4140176773071289px 228.27053833007812px, 0.41031986474990845px 222.57823181152344px, 0.406622052192688px 216.8859100341797px, 0.40292418003082275px 211.1935272216797px, 0.3992263674736023px 205.50120544433594px, 0.39552855491638184px 199.8088836669922px, 0.391830712556839px 194.11656188964844px, 0.38813287019729614px 188.42417907714844px, 0.3844350576400757px 182.7318572998047px, 0.38073721528053284px 177.03953552246094px, 0.3770394027233124px 171.3472137451172px, 0.37334156036376953px 165.6548309326172px, 0.3696437478065491px 159.9625244140625px, 0.3659459054470062px 154.27020263671875px, 0.36224809288978577px 148.577880859375px, 0.3585502505302429px 142.885498046875px, 0.35485243797302246px 137.19317626953125px, 0.3511545956134796px 131.5008544921875px, 0.34745678305625916px 125.80853271484375px, 0.3437589406967163px 120.11614990234375px, 0.34006109833717346px 114.423828125px, 0.336363285779953px 108.73151397705078px, 0.33266544342041016px 103.03913116455078px, 0.3289676606655121px 97.34687042236328px, 0.32526978850364685px 91.65448760986328px, 0.321571946144104px 85.96210479736328px, 0.31787416338920593px 80.26985168457031px, 0.3141762912273407px 74.57746887207031px, 0.3104785084724426px 68.88520812988281px, 0.3067806661128998px 63.19282531738281px, 0.30308282375335693px 57.50044250488281px, 0.29938504099845886px 51.80818557739258px, 0.29568716883659363px 46.11580276489258px, 0.2919893264770508px 40.423423767089844px, 0.2882915437221527px 34.731163024902344px, 0.2845936715602875px 29.038780212402344px, 0.2808958888053894px 23.346521377563477px, 0.27719804644584656px 17.65414047241211px, 0.2735001742839813px 11.961758613586426px, 0.26980242133140564px 6.2694993019104px, 0.2661045491695404px 0.5771177411079407px);
  }

  .misc-grid-container .card3.hover-expanded .hover-top-svg {
    clip-path: polygon(0.21807965636253357px 0.3855917453765869px, 5.843902587890625px 0.3812676668167114px, 11.469696044921875px 0.3769436478614807px, 17.09552001953125px 0.3726195693016052px, 22.7213134765625px 0.3682955503463745px, 28.347137451171875px 0.363971471786499px, 33.972930908203125px 0.3596474528312683px, 39.5987548828125px 0.3553233742713928px, 45.22454833984375px 0.3509993255138397px, 50.850372314453125px 0.3466752767562866px, 56.476165771484375px 0.3423512279987335px, 62.10197448730469px 0.3380271792411804px, 67.727783203125px 0.33370310068130493px, 73.35359191894531px 0.3293790817260742px, 78.97940063476562px 0.32505500316619873px, 84.60519409179688px 0.320730984210968px, 90.23100280761719px 0.31640690565109253px, 95.8568115234375px 0.31208285689353943px, 101.48262023925781px 0.30775880813598633px, 107.10842895507812px 0.3034347593784332px, 112.7342529296875px 0.2991107106208801px, 118.36004638671875px 0.294786661863327px, 123.98587036132812px 0.2904626131057739px, 129.61167907714844px 0.28613853454589844px, 135.2374725341797px 0.28181448578834534px, 140.86328125px 0.27749043703079224px, 146.4890899658203px 0.27316638827323914px, 152.11489868164062px 0.26884233951568604px, 157.74070739746094px 0.26451829075813293px, 163.36651611328125px 0.26019424200057983px, 168.99232482910156px 0.25587019324302673px, 174.61813354492188px 0.25154614448547363px, 180.2439422607422px 0.24722208082675934px, 185.8697509765625px 0.24289803206920624px, 191.49554443359375px 0.23857398331165314px, 197.12136840820312px 0.23424991965293884px, 202.74716186523438px 0.22992587089538574px, 208.3729705810547px 0.22560182213783264px, 213.998779296875px 0.22127777338027954px, 219.62460327148438px 0.21695370972156525px, 225.25039672851562px 0.21262966096401215px, 230.876220703125px 0.20830561220645905px, 236.50201416015625px 0.20398156344890594px, 242.12783813476562px 0.19965749979019165px, 247.75363159179688px 0.19533345103263855px, 253.3794403076172px 0.19100940227508545px, 259.0052490234375px 0.18668533861637115px, 264.63104248046875px 0.18236130475997925px, 270.2568664550781px 0.17803724110126495px, 275.8826599121094px 0.17371320724487305px, 281.50848388671875px 0.16938914358615875px, 287.13427734375px 0.16506509482860565px, 292.7601013183594px 0.16074103116989136px, 298.3858947753906px 0.15641699731349945px, 304.01171875px 0.15209293365478516px, 309.63751220703125px 0.14776889979839325px, 313.9533386230469px 1.9439573287963867px, 315.643798828125px 7.309743404388428px, 317.2764892578125px 12.693387031555176px, 318.8474426269531px 18.095361709594727px, 320.3526306152344px 23.516054153442383px, 321.7879638671875px 28.95561408996582px, 323.1485290527344px 34.414398193359375px, 324.4293518066406px 39.89241409301758px, 325.625px 45.38963317871094px, 326.72930908203125px 50.905921936035156px, 327.7361145019531px 56.44080352783203px, 328.6378479003906px 61.993797302246094px, 329.4271545410156px 67.56383514404297px, 330.09564208984375px 73.14970397949219px, 330.6341857910156px 78.74950408935547px, 331.0339050292969px 84.36094665527344px, 331.2837829589844px 89.98099517822266px, 331.37353515625px 95.60589599609375px, 331.2917175292969px 101.23086547851562px, 331.0266418457031px 106.85013580322266px, 330.5663146972656px 112.45677185058594px, 329.89849853515625px 118.0424575805664px, 329.0120544433594px 123.59757995605469px, 327.8962707519531px 129.1111297607422px, 326.54132080078125px 134.5708770751953px, 324.9396057128906px 139.9633026123047px, 323.0858459472656px 145.27435302734375px, 320.9761657714844px 150.48895263671875px, 318.6119689941406px 155.59326171875px, 315.9956970214844px 160.5730438232422px, 313.134765625px 165.4163818359375px, 310.0374450683594px 170.1121063232422px, 306.7165832519531px 174.65252685546875px, 303.0231628417969px 178.8806610107422px, 298.8763122558594px 182.68194580078125px, 294.5802001953125px 186.3135223388672px, 290.1248779296875px 189.74778747558594px, 285.5026550292969px 192.9534912109375px, 280.7100524902344px 195.89825439453125px, 275.7493591308594px 198.5498046875px, 270.6298828125px 200.87998962402344px, 265.36834716796875px 202.86846923828125px, 259.9870910644531px 204.5056915283203px, 254.51226806640625px 205.79627990722656px, 248.9698944091797px 206.75741577148438px, 243.3834686279297px 207.41629028320312px, 237.7717742919922px 207.8078155517578px, 232.14862060546875px 207.96905517578125px, 226.52308654785156px 207.93836975097656px, 220.90057373046875px 207.75035095214844px, 215.28359985351562px 207.4372100830078px, 209.68582153320312px 206.8966064453125px, 204.0940399169922px 206.2789306640625px, 198.49285888671875px 205.75425720214844px, 192.88327026367188px 205.32867431640625px, 187.26663208007812px 205.009033203125px, 181.6447296142578px 204.8026123046875px, 176.01971435546875px 204.71726989746094px, 170.3942108154297px 204.7611083984375px, 164.77142333984375px 204.94293212890625px, 159.15542602539062px 205.27198791503906px, 153.55081176757812px 205.75733947753906px, 147.9630889892578px 206.40835571289062px, 142.3983917236328px 207.23423767089844px, 136.86424255371094px 208.24374389648438px, 131.368408203125px 209.4447784423828px, 125.91973114013672px 210.84402465820312px, 120.52716064453125px 212.44610595703125px, 115.20018005371094px 214.2540283203125px, 109.94749450683594px 216.2677459716797px, 104.77708435058594px 218.48423767089844px, 99.69557189941406px 220.89752197265625px, 94.70751190185547px 223.49844360351562px, 89.81494140625px 226.27505493164062px, 85.01742553710938px 229.21299743652344px, 80.31166076660156px 232.295654296875px, 75.69120025634766px 235.50485229492188px, 71.14732360839844px 238.8217315673828px, 66.66956329345703px 242.22744750976562px, 62.245018005371094px 245.7020263671875px, 57.86014175415039px 249.22654724121094px, 53.50017547607422px 252.7818603515625px, 49.149471282958984px 256.3486022949219px, 44.794700622558594px 259.9102783203125px, 40.42117691040039px 263.4488220214844px, 36.01517868041992px 266.947021484375px, 31.56491470336914px 270.3885803222656px, 27.059770584106445px 273.7578430175781px, 22.490768432617188px 277.0400390625px, 17.85089683532715px 280.2213134765625px, 13.13504695892334px 283.2886657714844px, 8.339900970458984px 286.23040771484375px, 3.517076015472412px 286.3385314941406px, 0.6447555422782898px 281.6614685058594px, 0.4195673167705536px 276.0502014160156px, 0.41545534133911133px 270.4244079589844px, 0.41134336590766907px 264.7986145019531px, 0.40723133087158203px 259.1727600097656px, 0.40311935544013977px 253.54696655273438px, 0.3990073800086975px 247.92117309570312px, 0.3948953449726105px 242.29531860351562px, 0.3907833695411682px 236.66952514648438px, 0.38667136430740356px 231.04373168945312px, 0.3825594186782837px 225.41793823242188px, 0.37844738364219666px 219.79209899902344px, 0.3743354082107544px 214.1663055419922px, 0.37022340297698975px 208.54051208496094px, 0.3661114275455475px 202.9147186279297px, 0.36199939250946045px 197.2888641357422px, 0.3578874468803406px 191.66307067871094px, 0.3537754416465759px 186.0372772216797px, 0.34966346621513367px 180.41148376464844px, 0.34555143117904663px 174.78562927246094px, 0.34143945574760437px 169.1598358154297px, 0.3373274803161621px 163.53404235839844px, 0.3332154452800751px 157.908203125px, 0.3291034698486328px 152.28240966796875px, 0.32499149441719055px 146.6566162109375px, 0.3208795189857483px 141.03082275390625px, 0.31676748394966125px 135.40496826171875px, 0.312655508518219px 129.7791748046875px, 0.30854350328445435px 124.15338134765625px, 0.3044315278530121px 118.527587890625px, 0.30031949281692505px 112.9017333984375px, 0.2962075173854828px 107.27594757080078px, 0.2920955419540405px 101.65015411376953px, 0.28798356652259827px 96.02436065673828px, 0.28387153148651123px 90.39850616455078px, 0.2797595262527466px 84.77265167236328px, 0.2756475806236267px 79.14692687988281px, 0.2715355455875397px 73.52107238769531px, 0.2674235999584198px 67.89533996582031px, 0.26331159472465515px 62.26948928833008px, 0.2591995596885681px 56.64363479614258px, 0.25508761405944824px 51.017906188964844px, 0.2509756088256836px 45.392051696777344px, 0.24686357378959656px 39.76620101928711px, 0.24275162816047668px 34.14046859741211px, 0.23863960802555084px 28.514612197875977px, 0.23452767729759216px 22.88888168334961px, 0.23041564226150513px 17.263029098510742px, 0.22630362212657928px 11.637175559997559px, 0.2221916764974594px 6.011445045471191px, 0.21807965636253357px 0.3855917453765869px);
  }

  .misc-grid-container .card4.hover-expanded .hover-top-svg {
    clip-path: polygon(1.4889171469186333px 0.9454750297811634px, 7.482593703995409px 0.949447802437734px, 13.493630076915911px 0.9534320816547691px, 19.491583040979677px 0.9574076888307844px, 25.487163099193353px 0.9613817231799403px, 31.491891949930572px 0.9653618215988586px, 37.478571917279965px 0.9693299567245094px, 43.49044008135671px 0.9733147872754594px, 49.476702693995875px 0.9772826457670001px, 55.478656716915296px 0.981260904954192px, 61.49215914765778px 0.9852468187417601px, 67.48754995532755px 0.9892207276504823px, 73.49352855520969px 0.9932016544372955px, 79.48227491801981px 0.9971711592263416px, 85.48355420409266px 1.001148971179508px, 91.4919034265236px 1.0051314692797466px, 97.47582342338521px 1.0090977750215155px, 103.47689945405004px 1.0130754522514418px, 109.48246303833338px 1.0170561039545716px, 115.48062527772385px 1.0210318498439943px, 121.49046342275498px 1.025015334842831px, 127.48719527239749px 1.0289901326308295px, 133.47675681894478px 1.0329601777459394px, 139.48157511149245px 1.0369403354493345px, 145.49408112276262px 1.0409255887828397px, 151.49126862179415px 1.0449006885877081px, 157.48153922001504px 1.0488712036816488px, 163.48950382013913px 1.0528534468437087px, 169.47708155745335px 1.0568221770358324px, 175.48500939667935px 1.0608043958317643px, 181.49104405298968px 1.0647853597743102px, 187.48868730394426px 1.068760761664011px, 193.48711839340118px 1.0727366857546063px, 199.4796444631661px 1.076708695836739px, 205.4905280616328px 1.0806928737906898px, 211.48140748619545px 1.0846637924313718px, 217.49109761898507px 1.0886471793236492px, 223.48079728823336px 1.0926173159902608px, 229.48758013613605px 1.0965987758546456px, 235.48682417594466px 1.1005752387909558px, 241.4833765980424px 1.1045499176494729px, 247.49511838771105px 1.1085346644360108px, 253.49484164843687px 1.1125114450130442px, 259.48326057809913px 1.1164807327704498px, 265.4862374978876px 1.1204596699616471px, 271.4848997071001px 1.1244357472447342px, 277.48455629366197px 1.1284124836283091px, 283.4856464967585px 1.1323901702521104px, 289.4828971355848px 1.1363653119077608px, 295.4758997409366px 1.1403376378507062px, 301.4762737802263px 1.1443148497815603px, 307.4892879565997px 1.1483004399407863px, 313.4775972219833px 1.15226965500971px, 319.48832115248206px 1.1562537271313675px, 325.481803841909px 1.1602263712871608px, 331.4836421619493px 1.164204553783322px, 337.48983715267923px 1.168185623999904px, 343.48175459737143px 1.1721572306687016px, 349.437582609868px 1.6980895778995655px, 353.21110757979443px 6.005502073907801px, 353.4986321029357px 11.972602493338137px, 353.4976240716841px 17.981601916166433px, 353.4966194506844px 23.97027240398784px, 353.4956117194675px 29.97748328286225px, 353.49460488404907px 35.97935419552472px, 353.4936002701912px 41.96798211008646px, 353.4925929347274px 47.97283385565688px, 353.4915858027859px 53.97647237912321px, 353.49058084748464px 59.967135679964755px, 353.4895717019447px 65.98277751352765px, 353.48856617893205px 71.97682501267573px, 353.48755877875107px 77.98206254539616px, 353.4865527218831px 83.97929242251794px, 353.485545726938px 89.98211429346418px, 353.48454019780024px 95.97619830494477px, 353.4835334767968px 101.97738717575412px, 353.4825280892492px 107.97062715105945px, 353.4815220288086px 113.9678783246155px, 353.4805141660487px 119.97587334745467px, 353.4795069767189px 125.97985396963043px, 353.47849997664446px 131.9827064177314px, 353.477495377105px 137.97124897839504px, 353.47648911603414px 143.96969613391127px, 353.47548135154454px 149.97710535536447px, 353.47447510612824px 155.97545919228548px, 353.4734676656284px 161.9809370702556px, 353.47246123659914px 167.98038544696806px, 352.4493843519152px 173.14589415651957px, 346.5678551623107px 174.32583802834088px, 340.6770339180528px 175.4617599665061px, 334.780271395233px 176.56248885472877px, 328.8808389298169px 177.6380641495813px, 322.97122772350343px 178.70171033209715px, 317.06558450881687px 179.76409043359578px, 311.1565661267688px 180.8411904117145px, 305.2577433855719px 181.94669307145563px, 299.38184825190035px 183.09570245038088px, 293.51139298108717px 184.31079504279657px, 287.64941378270913px 185.61254107715652px, 281.81768152430055px 187.01862970748002px, 276.01788218799607px 188.55230068993956px, 270.25155563830526px 190.2383917880889px, 264.5558012561475px 192.09111962361854px, 258.91233065716216px 194.14177727246965px, 253.35566581656605px 196.40296695991793px, 247.90077889982587px 198.89076488100432px, 242.54478440436475px 201.6273793472866px, 237.3336722885482px 204.60549510485276px, 232.27801434486503px 207.82807970268442px, 227.38748960581043px 211.2930280646732px, 222.67100221326535px 214.9926991290818px, 218.12917492506023px 218.92045785090033px, 213.77756935923279px 223.0507572517717px, 209.61604637023788px 227.36559363324398px, 205.62994541988658px 231.85998938556747px, 201.79470399210493px 236.47835318624055px, 197.95388331860784px 241.08883432178078px, 194.1217049471688px 245.70187665340683px, 190.28908557670422px 250.32086609572576px, 186.4621969890654px 254.92949318403168px, 182.6214416449707px 259.5415712232825px, 178.77501513424988px 264.13721397079655px, 174.89916720706304px 268.7351232901931px, 171.01293202901252px 273.30429357071006px, 167.10857783207965px 277.84743326651244px, 163.17263222749241px 282.37557929448747px, 159.20846915112722px 286.8820629674913px, 153.2595213361324px 286.9940628194334px, 147.264115639409px 286.97306231653px, 141.25487915386736px 286.9520133676106px, 135.2698905604721px 286.931049353382px, 129.25611951957103px 286.9099845209765px, 123.26445914482832px 286.88899713705933px, 117.2700391878333px 286.86800008697156px, 111.26097760289677px 286.846951750688px, 105.26445205617254px 286.8259473252122px, 99.25362661359351px 286.80489281054815px, 93.27215766752799px 286.78394112482033px, 87.26248206739271px 286.7628906377853px, 81.25930326951662px 286.7418629075279px, 75.26886198751043px 286.72087979380734px, 69.27040366450584px 286.6998685982686px, 63.27358168908206px 286.6788631344724px, 57.266377759774066px 286.65782130512173px, 51.2716937366852px 286.63682333007216px, 45.27354002771651px 286.6158132015251px, 39.25550503027348px 286.5947334334778px, 33.26010836282058px 286.57373296220186px, 27.25871781297039px 286.5527114957588px, 21.260490378246534px 286.5317011089676px, 15.254101086727427px 286.51066213310247px, 9.271461739281941px 286.4897063477326px, 3.7871749232596046px 284.57660744088173px, 1.4241529356523144px 279.2027360015523px, 1.4177607916104127px 273.1977798466856px, 1.4192429937378197px 267.19452334339775px, 1.4207226294020583px 261.201661601002px, 1.4222054459127003px 255.19591670555576px, 1.4236873216050048px 249.19398233884962px, 1.4251665178138078px 243.20290049114675px, 1.4266478286643298px 237.2032538624235px, 1.4281311791641216px 231.19534618919064px, 1.4296089915893557px 225.20986898039428px, 1.4310933142217312px 219.19802394858607px, 1.4325741700638368px 213.20022020767365px, 1.4340538037470498px 207.20736648888266px, 1.435536481533222px 201.20218345916481px, 1.4370164749573842px 195.20787270752137px, 1.4385003888964631px 189.19768297673386px, 1.43998099514659px 183.200890140232px, 1.4414633671061643px 177.1969457779517px, 1.4429440703244718px 171.19976019821434px, 1.4444260648177132px 165.19734466063005px, 1.4459064439030962px 159.20147189312624px, 1.4473886863803163px 153.1980519638983px, 1.4488701989709567px 147.19758824170435px, 1.4503515917606173px 141.19760974078903px, 1.451830393280459px 135.20812647335458px, 1.4533135590255009px 129.20096709897703px, 1.4547954531605252px 123.19895803505138px, 1.4562766510135017px 117.19976907214476px, 1.4577576056254338px 111.20156529091766px, 1.4592416441937117px 105.19087078346277px, 1.4607226700732547px 99.19237835216684px, 1.4622035078211042px 93.19464789711627px, 1.4636835413193918px 87.20017483612989px, 1.4651674772859031px 81.18989588921823px, 1.4666477659528296px 75.1943893370757px, 1.4681277131048276px 69.20026599824665px, 1.469609322835178px 63.199408838082825px, 1.471093010657076px 57.19013493342347px, 1.4725723029659534px 51.198663858513385px, 1.4740535312918814px 45.199351473207116px, 1.475536164791687px 39.194347813368275px, 1.4770186511517664px 33.189940102963774px, 1.4784954695807653px 27.208488805513355px, 1.4799773623325483px 21.20648534402999px, 1.4814600020187147px 15.201456628019688px, 1.4829407935319576px 9.203913433665319px, 1.4844226018452518px 3.202251967311364px);
  }

  .misc-grid-container .card5.hover-expanded .hover-top-svg {
    clip-path: polygon(0.4132759428391932px 1.0252984569191268px, 8.414991161785446px 1.0173548820156126px, 16.412633798637412px 1.0094153501028864px, 24.41252187539456px 1.0014735890655801px, 32.40450340379854px 0.993539677127792px, 40.39924235599848px 0.9856030278015987px, 48.408896825756514px 0.977651571333723px, 56.40567938034898px 0.9697128932539146px, 64.41128274563037px 0.9617654584552653px, 72.41258857426298px 0.9538222899674423px, 80.40650400267234px 0.9458864581813309px, 88.40740016652846px 0.9379436963816679px, 96.39973868004294px 0.9300094300526165px, 104.4053067478045px 0.9220620302950159px, 112.4085399749346px 0.9141169484131374px, 120.41310612090327px 0.9061705432973843px, 128.41100272552205px 0.8982307592622164px, 136.4126778460366px 0.8902872241657795px, 144.4152594835864px 0.8823427891390438px, 152.40131010694725px 0.8744147650124521px, 160.40302559342894px 0.8664711898433466px, 168.40526329042814px 0.8585270962580955px, 176.4095474859192px 0.850580971044173px, 184.41772849933267px 0.8426309773265354px, 192.41542033367685px 0.834691396573785px, 200.40443972871626px 0.826760425246555px, 208.4023307273457px 0.8188206467766435px, 216.4094727515764px 0.8108716844989124px, 224.4092459389433px 0.8029300375162121px, 232.39991647391602px 0.7949974270462012px, 240.4089048811523px 0.7870466318012493px, 248.41408363512056px 0.779099618528695px, 256.40649941664594px 0.7711652754930608px, 264.40310084205754px 0.7632267772263519px, 272.4141445789462px 0.7552739415857352px, 280.41433798379035px 0.74733187743885px, 288.4118876330414px 0.7393924378380785px, 296.40144787006676px 0.7314609295986105px, 304.4089360595161px 0.7235116236708908px, 312.4059220177811px 0.7155727436653372px, 320.41315316758653px 0.707623692909616px, 328.4148790451701px 0.6996801074249102px, 336.4077946735969px 0.6917452681742529px, 344.40518137222125px 0.6838059903401119px, 352.40374366720636px 0.6758655454514716px, 356.7267065907051px 4.3309092216419px, 356.6784739984814px 12.330592224931179px, 356.63021780788335px 20.334189169092298px, 356.5820266340914px 28.32700266135062px, 356.53374651957506px 36.33456753992925px, 356.4855174074921px 44.33367333968469px, 356.43729291276054px 52.332013322270825px, 356.3890381701157px 60.3353701141618px, 356.340824646601px 68.33189045047337px, 356.2925511483443px 76.33835798020485px, 356.2443298215277px 84.33617254388122px, 356.1960931191262px 92.33653724637676px, 356.1478760448041px 100.33364650673477px, 356.0996166251078px 108.3377790174356px, 356.0513637938191px 116.34081879872598px, 356.00316533082844px 124.33484125107638px, 354.06000103783225px 132.07323769844513px, 351.7119174283167px 139.70590544777085px, 349.1316987214463px 147.2821525233748px, 346.2783890135212px 154.76708337757216px, 343.10914064185664px 162.1021264523949px, 339.5534889122056px 169.258415188533px, 335.5279166347681px 176.18434655493664px, 330.9773759952553px 182.74896548341223px, 325.8193599141222px 188.85703032942376px, 320.0198755173279px 194.36859333312034px, 313.61353810313744px 199.15091413547844px, 306.6871501786638px 203.14061892772065px, 299.36594420251436px 206.35540973198874px, 291.770503217581px 208.88505636221453px, 284.02268957218405px 210.84862604214624px, 276.1610310462336px 212.3834925462652px, 268.2671781642797px 213.5982479294941px, 260.3295107367759px 214.59517607496608px, 252.36973080540452px 215.44940556097848px, 244.40696906521484px 216.22010589695248px, 236.44098782689366px 216.95832808533686px, 228.48004466902137px 217.74101779874877px, 220.5094124205223px 218.48887528282447px, 212.5444843087039px 219.2023990488266px, 204.58403842839616px 219.88398570978066px, 196.59588744552585px 220.53875649685793px, 188.62470685734763px 221.1657691046767px, 180.65278985465326px 221.76955952318434px, 172.66277751230365px 222.35472468810272px, 164.69627618883607px 222.92188196060658px, 156.72010222931132px 223.47737069080344px, 148.7306768947757px 224.02561535912128px, 140.75262216862353px 224.56941775730022px, 132.7667545268607px 225.11483931159339px, 124.7821790550518px 225.66623975968866px, 116.80731340729699px 226.22819471656894px, 108.82214899933615px 226.80745696265586px, 100.84829681543127px 227.4079129137653px, 92.87905300975387px 228.0355311822641px, 84.90756642941544px 228.69640166308918px, 76.92683732108941px 229.39673658229728px, 68.97092228416378px 230.1389038803821px, 61.00504833796763px 230.9313783666153px, 53.049409361522045px 231.77732497697727px, 45.09677808543648px 232.68233369919596px, 37.15381181670369px 233.6501931842655px, 29.227440369007663px 234.6841154740456px, 21.297146301845334px 235.79065757327837px, 13.398309818037168px 236.9681735643302px, 5.483005294925802px 238.22689407459444px, 0.9895343211708111px 235.53227603964277px, 0.9697546293659889px 227.53946632639776px, 0.949931096908622px 219.5289409683919px, 0.9301486844216117px 211.53503184999772px, 0.9103369753015026px 203.52928420469888px, 0.8905658241716532px 195.53992570750694px, 0.8707377746182322px 187.52757502838008px, 0.8509359231330795px 179.5258107717613px, 0.8311360073289136px 171.52482870780474px, 0.811335560565587px 163.52363208764692px, 0.7915616823211136px 155.53317158601166px, 0.7717592499750876px 147.53117260832252px, 0.7519549758334027px 139.5284293762548px, 0.732163188403578px 131.5307319210793px, 0.7123626059260315px 123.52948045992876px, 0.6925806522840446px 115.53575675700996px, 0.6727894131534533px 107.5382808650156px, 0.6529632562761387px 99.52669500063499px, 0.6331883035331557px 91.53580030304714px, 0.613399933518239px 83.53948379694506px, 0.5936020755253522px 75.53933327749091px, 0.5737700750598468px 67.52538606749825px, 0.5540072806009708px 59.53940443186642px, 0.5341740388210977px 51.52495561701383px, 0.5143936142018513px 43.53184977952659px, 0.4945916220335592px 35.53002867401577px, 0.4748252205816742px 27.54258948236924px, 0.4549807718261395px 19.52361202142817px, 0.4352175977191499px 11.537476973136515px, 0.41541794495335077px 3.5366012008064613px);
  }
  
  .misc-grid-container .card1.hover-expanded h4.card-header-misc, .misc-grid-container .card1.hover-expanded p.card-top-text,
  .misc-grid-container .card1.hover-expanded .card-text p, .misc-grid-container .card5.hover-expanded p.card-top-text,
  .misc-grid-container .card5.hover-expanded h4.card-header-misc  {
    color: #fff;
    transition: .3s;
  }
  
  .misc-grid-container .card1.hover-expanded .icon, .misc-grid-container .card5.hover-expanded .icon {
    transition-duration: 0.5s;
    background-color: #5FB560;
  }
    
  .misc-grid-container .card2.hover-expanded .icon {
    transition-duration: 0.5s;
    background-color: #ECBA3B;
  }
  
  .misc-grid-container .hover-bottom-svg-container {
    position:absolute;
    bottom: 0;
    right: 0;
  }
  
  .misc-grid-container .hover-bottom-svg {
    width: 100%;
    height: 100%;
    transition: .5s;
    border-radius: 8px;
  }
  
  .misc-grid-container .card1 .hover-bottom-svg-container {
    height: 220px;
    width: 100%;
  }
  
   .misc-grid-container .card1 .hover-bottom-svg {
    background-color: #dededeff;
    clip-path: polygon(354.9884948730469px 218.00308227539062px, 344.98974609375px 218.0158233642578px, 334.9909973144531px 218.02859497070312px, 324.9922790527344px 218.04136657714844px, 314.9935302734375px 218.05413818359375px, 304.99481201171875px 218.06690979003906px, 294.9960632324219px 218.07968139648438px, 284.997314453125px 218.0924530029297px, 274.9985656738281px 218.105224609375px, 264.9998779296875px 218.1179962158203px, 255.00111389160156px 218.13076782226562px, 245.00238037109375px 218.14353942871094px, 235.00363159179688px 218.15631103515625px, 225.00491333007812px 218.16908264160156px, 215.00616455078125px 218.18185424804688px, 205.00743103027344px 218.1946258544922px, 195.00869750976562px 218.2073974609375px, 185.0099639892578px 218.2201690673828px, 175.01123046875px 218.23294067382812px, 165.0124969482422px 218.24571228027344px, 155.01376342773438px 218.25848388671875px, 145.01502990722656px 218.27125549316406px, 135.01629638671875px 218.28402709960938px, 125.01754760742188px 218.29681396484375px, 115.0188217163086px 218.30958557128906px, 105.02008819580078px 218.32235717773438px, 95.0213623046875px 218.3351287841797px, 85.02262115478516px 218.347900390625px, 75.02388000488281px 218.3606719970703px, 65.02513885498047px 218.37344360351562px, 55.02640151977539px 218.38621520996094px, 45.02769088745117px 218.39898681640625px, 35.02894973754883px 218.41175842285156px, 25.030210494995117px 218.42453002929688px, 15.031469345092773px 218.4373016357422px, 5.032729625701904px 218.4500732421875px, 0.5428487062454224px 212.96299743652344px, 0.5719327926635742px 202.96429443359375px, 0.6010169386863708px 192.96559143066406px, 0.6301010847091675px 182.96688842773438px, 0.6591852307319641px 172.96817016601562px, 0.6882693767547607px 162.96946716308594px, 0.7173534631729126px 152.97079467773438px, 0.7464375495910645px 142.97207641601562px, 5.401036262512207px 137.5372314453125px, 15.396088600158691px 137.26844787597656px, 25.385751724243164px 136.84523010253906px, 35.36677169799805px 136.2529296875px, 45.33494186401367px 135.47366333007812px, 55.28489685058594px 134.48924255371094px, 65.2096939086914px 133.2774200439453px, 75.10020446777344px 131.81227111816406px, 84.94474029541016px 130.06549072265625px, 94.72799682617188px 128.00303649902344px, 104.43008422851562px 125.58822631835938px, 114.02497863769531px 122.77804565429688px, 123.47932434082031px 119.5270767211914px, 132.7510986328125px 115.78760528564453px, 141.78858947753906px 111.51342010498047px, 150.531494140625px 106.66602325439453px, 158.91580200195312px 101.22216796875px, 166.8831329345703px 95.1845932006836px, 174.3942413330078px 88.58799743652344px, 181.4463653564453px 81.50216674804688px, 188.0858917236328px 74.02748107910156px, 194.4122772216797px 66.28509521484375px, 200.574462890625px 58.41105651855469px, 206.7548370361328px 50.55133819580078px, 213.15109252929688px 42.866920471191406px, 219.94720458984375px 35.535301208496094px, 227.27894592285156px 28.741180419921875px, 235.20375061035156px 22.651071548461914px, 243.6945343017578px 17.378660202026367px, 252.66123962402344px 12.962762832641602px, 261.989990234375px 9.372706413269043px, 271.5748291015625px 6.533786296844482px, 281.331298828125px 4.353387355804443px, 291.1978454589844px 2.7397775650024414px, 301.131591796875px 1.6094194650650024px, 311.10369873046875px 0.8910481929779053px, 321.0953369140625px 0.5254658460617065px, 331.0935363769531px 0.46375149488449097px, 341.0900573730469px 0.6647171974182129px, 351.0705871582031px 1.2537753582000732px, 354.52520751953125px 8.02996826171875px, 354.5472717285156px 18.028717041015625px, 354.5693359375px 28.02740478515625px, 354.5914001464844px 38.02616882324219px, 354.61346435546875px 48.02485656738281px, 354.6355285644531px 58.0235595703125px, 354.6575622558594px 68.02230834960938px, 354.67962646484375px 78.02099609375px, 354.7016906738281px 88.01976013183594px, 354.7237548828125px 98.01844787597656px, 354.7458190917969px 108.01714324951172px, 354.76788330078125px 118.01589965820312px, 354.7899475097656px 128.01458740234375px, 354.81201171875px 138.0133514404297px, 354.8340759277344px 148.0120391845703px, 354.85614013671875px 158.01080322265625px, 354.878173828125px 168.00949096679688px, 354.9002380371094px 178.0081787109375px, 354.92230224609375px 188.00694274902344px, 354.9443664550781px 198.0056915283203px, 354.9664306640625px 208.00433349609375px, 354.9884948730469px 218.00308227539062px);
  }
  
  .misc-grid-container .card2 .hover-bottom-svg-container {
    height: 162px;
    width: 100%;
  }

  .misc-grid-container .card2 .hover-bottom-svg {
    background-color: #dededeff;
    clip-path: polygon(355.9949951171875px 3.1954100131988525px, 355.9949951171875px 10.4661865234375px, 355.9949951171875px 17.736968994140625px, 355.9949951171875px 25.007766723632812px, 355.9949951171875px 32.27854919433594px, 355.9949951171875px 39.54933166503906px, 355.9949951171875px 46.82011413574219px, 355.9949951171875px 54.090904235839844px, 355.9949951171875px 61.3616943359375px, 355.9949951171875px 68.63247680664062px, 355.9949951171875px 75.90325927734375px, 355.9949951171875px 83.1740493774414px, 355.9949951171875px 90.44483184814453px, 355.9949951171875px 97.71562194824219px, 355.9949951171875px 104.98640441894531px, 355.9949951171875px 112.25719451904297px, 355.9949951171875px 119.5279769897461px, 355.9949951171875px 126.79876708984375px, 355.9949951171875px 134.06954956054688px, 355.9949951171875px 141.34033203125px, 355.9949951171875px 148.61111450195312px, 355.9949951171875px 155.8819122314453px, 355.1824645996094px 163.02842712402344px, 349.6399230957031px 167.34254455566406px, 342.38079833984375px 167.51202392578125px, 335.1100158691406px 167.51202392578125px, 327.8392333984375px 167.51202392578125px, 320.5684509277344px 167.51202392578125px, 313.29766845703125px 167.51202392578125px, 306.0268859863281px 167.51202392578125px, 298.756103515625px 167.51202392578125px, 291.48529052734375px 167.51202392578125px, 284.21453857421875px 167.51202392578125px, 276.9437255859375px 167.51202392578125px, 269.6729431152344px 167.5120086669922px, 262.40216064453125px 167.5120086669922px, 255.13137817382812px 167.5120086669922px, 247.860595703125px 167.5120086669922px, 240.58981323242188px 167.5120086669922px, 233.31903076171875px 167.5120086669922px, 226.04824829101562px 167.5120086669922px, 218.77743530273438px 167.5120086669922px, 211.50665283203125px 167.5120086669922px, 204.23587036132812px 167.5120086669922px, 196.965087890625px 167.5120086669922px, 189.69430541992188px 167.5120086669922px, 182.42352294921875px 167.5120086669922px, 175.15274047851562px 167.5120086669922px, 167.8819580078125px 167.5120086669922px, 160.61117553710938px 167.5120086669922px, 153.34036254882812px 167.5120086669922px, 146.069580078125px 167.5120086669922px, 138.79879760742188px 167.5120086669922px, 131.52801513671875px 167.5120086669922px, 124.2572250366211px 167.5120086669922px, 116.98644256591797px 167.5120086669922px, 109.71566009521484px 167.5120086669922px, 102.44487762451172px 167.5120086669922px, 95.1740951538086px 167.51199340820312px, 87.90328216552734px 167.51199340820312px, 80.63249969482422px 167.51199340820312px, 73.3617172241211px 167.51199340820312px, 66.09093475341797px 167.51199340820312px, 58.820152282714844px 167.51199340820312px, 51.54936981201172px 167.51199340820312px, 44.278587341308594px 167.51199340820312px, 37.00780487060547px 167.51199340820312px, 29.737024307250977px 167.51199340820312px, 22.466211318969727px 167.51199340820312px, 15.195428848266602px 167.51199340820312px, 7.927778720855713px 167.44140625px, 2.084578275680542px 163.54495239257812px, 0.9950598478317261px 156.46812438964844px, 0.9950595498085022px 149.1973114013672px, 0.9950592517852783px 141.9265594482422px, 0.9950588941574097px 134.65574645996094px, 0.9950585961341858px 127.38499450683594px, 0.9950582981109619px 120.11418151855469px, 0.9950579404830933px 112.84342956542969px, 0.9950576424598694px 105.57261657714844px, 0.9950573444366455px 98.30186462402344px, 0.9950569868087769px 91.03105163574219px, 0.995056688785553px 83.76023864746094px, 0.9950563907623291px 76.48948669433594px, 0.9950560331344604px 69.21867370605469px, 7.780080318450928px 68.94623565673828px, 15.017667770385742px 69.63226318359375px, 22.2270450592041px 70.57398223876953px, 29.423036575317383px 71.61402130126953px, 36.61985397338867px 72.6484375px, 43.82699966430664px 73.60786437988281px, 51.04911422729492px 74.44725036621094px, 58.28683090209961px 75.13761138916016px, 65.53856658935547px 75.66145324707031px, 72.80084228515625px 76.00917053222656px, 80.06954956054688px 76.17674255371094px, 87.34010314941406px 76.16393280029297px, 94.6082534790039px 75.97377014160156px, 101.86971282958984px 75.61040496826172px, 109.1209716796875px 75.07947540283203px, 116.35765838623047px 74.3785629272461px, 123.55977630615234px 73.38629913330078px, 130.7101593017578px 72.07171630859375px, 137.79684448242188px 70.44852447509766px, 144.8107147216797px 68.53475189208984px, 151.74549865722656px 66.35142517089844px, 158.5982666015625px 63.922637939453125px, 165.36936950683594px 61.274662017822266px, 172.06211853027344px 58.434120178222656px, 178.6823272705078px 55.42835998535156px, 185.23822021484375px 52.28471374511719px, 191.7399139404297px 49.03018569946289px, 198.19874572753906px 45.69145965576172px, 204.6272430419922px 42.29462432861328px, 211.03880310058594px 38.86600875854492px, 217.44717407226562px 35.43133544921875px, 223.86573791503906px 32.01578903198242px, 230.3077850341797px 28.64469337463379px, 236.7868194580078px 25.34518051147461px, 243.31427001953125px 22.142982482910156px, 249.90150451660156px 19.065425872802734px, 256.5570373535156px 16.13896942138672px, 263.28863525390625px 13.391733169555664px, 270.1004943847656px 10.85061264038086px, 276.99462890625px 8.541946411132812px, 283.96954345703125px 6.490694046020508px, 291.0208740234375px 4.719967365264893px, 298.14080810546875px 3.248986005783081px, 305.3185729980469px 2.093945026397705px, 312.54144287109375px 1.265842080116272px, 319.7947082519531px 0.7712535858154297px, 327.0631103515625px 0.6114195585250854px, 334.3311767578125px 0.783248782157898px, 341.58447265625px 1.2789536714553833px, 348.8095397949219px 2.0877420902252197px, 355.9949951171875px 3.1954100131988525px);
  }
  
  .misc-grid-container .card5 .hover-bottom-svg-container {
    height: 162px;
    width: 100%;
  }

  .misc-grid-container .card5 .hover-bottom-svg {
    background-color: #dededeff;
    clip-path: polygon(355px 11.119907265603544px, 355px 20.110769955561377px, 355px 29.117540497565436px, 355px 38.10642735392262px, 355px 47.10501417326888px, 355px 56.10528163330249px, 355px 65.10232440668894px, 355px 74.11772925383812px, 355px 83.10914273207487px, 355px 92.11123730673289px, 355px 101.11282548268196px, 355px 110.10866464004431px, 355px 119.10748813780825px, 355px 128.12209466104366px, 355px 137.11228399362852px, 355px 146.11713567737962px, 355px 155.1106168216104px, 355px 164.1112557391387px, 355px 173.11004085638157px, 355px 182.11103189057087px, 353.70031246505675px 190.86247138656677px, 345.9352836611215px 194.49px, 336.9463767746929px 194.48999999999998px, 327.94051450652705px 194.49px, 318.95172791033247px 194.49px, 309.9542179119926px 194.49px, 300.9502291239319px 194.49px, 291.9446756855082px 194.49px, 282.93786918514525px 194.49px, 273.9375791606067px 194.49px, 264.93755626678467px 194.49000000000004px, 255.94526266802478px 194.49px, 246.95082616736545px 194.48999999999998px, 237.94529362283316px 194.49px, 228.9398766667132px 194.49px, 219.9401359762108px 194.49px, 210.94707049251883px 194.49px, 201.94273122024242px 194.48999999999998px, 192.93707611896752px 194.48999999999998px, 183.95417913980782px 194.49px, 174.93958546425205px 194.49px, 165.94691757361915px 194.49px, 156.93697661557235px 194.49px, 147.94860943565862px 194.49px, 138.94499609651393px 194.48999999999998px, 129.93776132297216px 194.49px, 120.94098135950117px 194.48999999999998px, 111.9428065132874px 194.49px, 102.9375650086622px 194.49px, 93.94113771590679px 194.49px, 84.95083686999578px 194.49px, 75.93946480383966px 194.49px, 66.95245450045331px 194.49px, 57.95228078452101px 194.49px, 48.94403268307684px 194.49px, 39.949509748737455px 194.49px, 30.934727299409133px 194.49px, 21.947826709383662px 194.49px, 12.939338615531597px 194.49px, 4.123137168624103px 193.4894680030197px, 0px 186.00321533203126px, 0px 177.004548838631px, 0px 167.99781184719572px, 0px 159.00823619787235px, 0px 150.00118112790938px, 1.6962082217526435px 141.8391444237232px, 9.172033620357514px 136.81372801780702px, 17.106348823211317px 132.58895016296034px, 25.206428969309318px 128.6908669498114px, 33.31884684746615px 124.78684632550618px, 41.430371947036114px 120.883255342039px, 49.54703247113873px 116.97719298646169px, 57.65708677350727px 113.07430980955661px, 65.76741154857632px 109.17129647034764px, 73.88212599186545px 105.26617064685564px, 81.98416833911911px 101.3671431438667px, 90.09053037878036px 97.46603683176026px, 98.19936436085509px 93.56374092189034px, 106.31241356762851px 89.6594164769515px, 114.41881341910347px 85.75829196828482px, 122.53756793437145px 81.85122190023269px, 130.6463644796557px 77.94894400644681px, 138.76091116455828px 74.04389891501407px, 146.86366427943952px 70.14452936215554px, 154.97338181517307px 66.24180825085264px, 163.08498884115008px 62.338177841114856px, 171.19226589131284px 58.43663118928196px, 179.2984511246579px 54.53560996346118px, 187.4143171163583px 50.62992996872025px, 195.52242003295743px 46.7279858768579px, 203.63152358335992px 42.825560239904505px, 211.73882039699606px 38.92400407709613px, 219.84631118386733px 35.022354566592654px, 227.9515789121003px 31.121774881004928px, 236.06114201446093px 27.219128089230683px, 244.18519181093217px 23.30950971963154px, 252.29402128385314px 19.407215979747125px, 260.401260777091px 15.505687401811748px, 268.51108708366905px 11.602913945619006px, 276.6333212318627px 7.722118564090385px, 285.0124618653954px 4.441872300188623px, 293.67357090600876px 2.047573491032535px, 302.5545847713417px 0.5612072154376624px, 311.52711211804206px 0.004487507109604882px, 320.5192372000445px 0.3787486690181263px, 329.41666037227486px 1.6768730755093992px, 338.14458340712815px 3.886875778271251px, 346.5901260533929px 6.980731079370976px, 354.6638065456758px 10.924595844484063px);
  }
  
  .misc-grid-container .card.hover-expanded .background-image {
    opacity: .6;
    transition: .5s;
  }
}


/*************** ecoPortal CUSTOMER SUCCESS PAGE ***************/

body.hs-content-id-51987851418 form.hs-form.hsForm_d0c18c1a-ee30-4a08-9d13-9406dc32a2bd fieldset[class*="form-columns"] .input {
  margin-top: 1rem;
}

body.hs-content-id-51987851418 form.hs-form.hsForm_d0c18c1a-ee30-4a08-9d13-9406dc32a2bd ul.inputs-list.multi-container {
  display: flex;
}

body.hs-content-id-51987851418 form.hs-form.hsForm_d0c18c1a-ee30-4a08-9d13-9406dc32a2bd ul.inputs-list.multi-container li {
  padding-right: 1.5rem;
}



/************ WEBINAR LANDING PAGE STYLES ************/

/* Webinar landing page top section */

.BackgroundImageTopSection-wrapper {
    min-height: 90vh;
    width: 100%;
    margin-top: -6rem;
}

.BackgroundImageTopSection {
    min-height: 90vh;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #182633;
/*     background-blend-mode: lighten; */
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 35%);
}

.BackgroundImageTopSection .text-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    font-size: 14px;
    margin: 12rem auto 0;
}

.BackgroundImageTopSection h1 {
    font-size: 32px;
    line-height: 40px;
}

.BackgroundImageTopSection h1, .BackgroundImageTopSection p {
    text-align: center;
}

.BackgroundImageTopSection h1, .BackgroundImageTopSection p, .BackgroundImageTopSection span, .BackgroundImageTopSection strong {
    font-family: 'Montserrat',sans-serif;
    letter-spacing: -0.015em;
}

.BackgroundImageTopSection .text p {
    margin-bottom: 2rem;
    padding: 0;
}

.BackgroundImageTopSection .bottom-text {
    font-size: 14px;
    margin: auto .5rem 1rem .5rem; 
    font-weight: 600;
}

@media only screen and (max-width: 400px) {
  .BackgroundImageTopSection {
    min-height: 100vh;
  }
  
  .BackgroundImageTopSection .text-container {
    margin: 10rem auto 2rem;
  }
  
  .BackgroundImageTopSection .bottom-text {
    margin-bottom: .5rem;
  }
}  

/* @media only screen and (min-width: 768px) and (max-width: 1199px) {
  .BackgroundImageTopSection .text-container {
    margin: 12rem auto 0;
  }
} */

@media only screen and (min-width: 768px) {
  .BackgroundImageTopSection-wrapper, .BackgroundImageTopSection {
    min-height: 600px;
  }
  
 .BackgroundImageTopSection h1 {
    font-size: 32px;
    line-height: 30px;
  }
  
  .BackgroundImageTopSection h1 p, .BackgroundImageTopSection h1 span {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: .5rem;
  }
}

@media only screen and (max-width: 767px) {
  .BackgroundImageTopSection .text-container h1 {
    font-size: 28px;
  }  
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .BackgroundImageTopSection .text-container {
    width: 85%;
  }  
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .BackgroundImageTopSection .text-container {
    width: 95%;
  }  
  
  .BackgroundImageTopSection .text-container .text {
    width: 80%;
  }  
}

@media only screen and (min-width: 1440px) and (max-width: 1639px) {
  .BackgroundImageTopSection .text-container {
    width: 70%;
  }  
  
  .BackgroundImageTopSection .text-container .text {
    width: 85%;
  } 
}  

@media only screen and (min-width: 1640px) {
  .BackgroundImageTopSection .text-container {
    width: 60%;
  }  
  
  .BackgroundImageTopSection .text-container .text {
    width: 80%;
  } 
}  


/* ================================== 
    Temporary styles for Webinar (Mental health) page
   ================================== */

.webinar-list-styles li {
  list-style: disc;
  margin-left: 1rem;
}
 
/* ================================== 
    Mental Health and Wellbeing Sense-Making Framework Recording page Form
   ================================== */

.MentalHealthWellbeingRecording .wistiaHubspotFormWrapper {
  width: 90%;
}

.MentalHealthWellbeingRecording form {
	display: flex;
  flex-wrap: wrap;
}

.MentalHealthWellbeingRecording form fieldset.form-columns-2 .hs-form-field {
  width: 45%;
}

.MentalHealthWellbeingRecording form fieldset .hs-form-field {
  padding: 0 20px 0 0;
}


/* ================================== 
    Cross-Register Reporting page
   ================================== */

.body-container .CrossRegisterReportingBlogArticleWrapper ul:not([class]) li {
  list-style: none;
  display: flex;
  align-items: center;
}

.body-container .CrossRegisterReportingBlogArticleWrapper ul:not([class]) li:before {
  content: "\2022" !important;
  color: #53c351 !important;
  font-weight: bold !important;
  display: inline-block !important;
  width: 1rem !important;
  font-size: 2rem !important;
}

/* Video Testimonial Carousel */

.VideoTestimonialSection {
  position: relative;
  padding-bottom: 15rem;
  padding-top: 1rem;
}

.VideoTestimonialSection div.carousel-item {
  transition-duration: .5s;
}

.VideoTestimonialSection .carousel-item .carousel-item-content {
  display: flex;
  margin-top: 2rem;
  align-items: center;
}

.VideoTestimonialSection .carousel-indicators {
  bottom: -24%;
}

.VideoTestimonialSection .carousel-indicators .active {
  background: #53C351;
}

.VideoTestimonialSection .carousel-indicators li {
  background: #C4D6E8;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
  width: 52px;
  height: 4px;
  margin-right: 4px;
  margin-left: 4px;
}

.VideoTestimonialSection .carousel-inner .play-button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 150;
  max-width: 80px;
  max-height: 80px;
}

.VideoTestimonialSection .loading .loader {
  font-size: 10px;
  margin-left: -.5rem;
  margin-bottom: -.5rem;
}

.VideoTestimonialSection .testimonial-play-button-image:focus,
.VideoTestimonialSection .testimonial-play-button-image:active {
  outline: none;
}

.VideoTestimonialSection button.testimonial-play-button-mobile {
  display: none;
}

.VideoTestimonialSection .testimonial-text-container {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  max-height: 24rem;
  flex: 1;
}

.VideoTestimonialSection .testimonial-text-container .quotes-image img {
  max-width: 3rem;
  margin-bottom: .5rem;
}

.VideoTestimonialSection .testimonial-text, 
.VideoTestimonialSection .person-info {
  margin-left: 0;
  font-size: 18px;
  padding-top: 0;
/*   max-height: 20rem; */
  overflow: hidden;
  margin: 0 auto;
  width: 80%;
}

.VideoTestimonialSection .testimonial-text p, 
.VideoTestimonialSection .person-info p,
.VideoTestimonialSection .testimonial-text span, 
.VideoTestimonialSection .person-info span,
.VideoTestimonialSection .testimonial-text p span, 
.VideoTestimonialSection .person-info p span,
.VideoTestimonialSection .testimonial-text p strong, 
.VideoTestimonialSection .person-info p strong {
  line-height: 1.7;
  font-style: italic;
}

.VideoTestimonialSection .testimonial-text-container .quotes-image {
  margin: 1rem auto;
  width: 80%;
}

.VideoTestimonialSection .carousel-inner .image-container {
  display: block;
  position: relative;
  max-width: 576px;
  min-height: 260px;
  background-color: #0C0C0C;
  flex: 1;
}  

.VideoTestimonialSection .carousel-inner .image-container img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .VideoTestimonialSection .container-xl {
    padding: 0;
    margin: 0;
  }
  
  .mobile-dark-layer {
    display: none;
  }
  
  .VideoTestimonialSection ol.carousel-indicators {
    bottom: -15%;
  }
  
  .VideoTestimonialSection .carousel-item .carousel-item-content {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .VideoTestimonialSection .testimonial-text-container div.quotes-image {
    width: 100%;
  }
  
/*   .VideoTestimonialSection .testimonial-text-container .quotes-image img {
    margin-bottom: 1rem;
  } */
  
  div.VideoTestimonialSection .testimonial-text-container {
    margin-left: -45%;
    width: 90%;
    padding: 0 .5rem 0 1rem;
    min-height: 20rem;
    max-height: 24rem;
    margin-top: .5rem;
  } 
  
  .VideoTestimonialSection div.testimonial-text, 
  .VideoTestimonialSection div.person-info {
    padding: 0;
/*     max-height: 17rem; */
    width: 100%;
    font-size: 15px;
  }
  
  .VideoTestimonialSection div.testimonial-text p, 
  .VideoTestimonialSection div.person-info p, 
  .VideoTestimonialSection div.testimonial-text p span, 
  .VideoTestimonialSection div.person-info p span {
    font-size: 15px;
}
  
  .VideoTestimonialSection .carousel-inner div.play-button-container {
    position: absolute;
    top: 90%;
  }
  
  .VideoTestimonialSection .carousel-inner .image-container {
    width: 100%;
    overflow: hidden;
    min-height: 28.5rem;
  }
  
  .VideoTestimonialSection .carousel-inner .image-container img {
    max-width: unset;
  }
}

@media only screen and (max-width: 991px) {
  .VideoTestimonialSection {
    position: relative;
    padding-bottom: 13rem;
  }
  
  .VideoTestimonialSection .carousel-item .carousel-item-content {
    background-color: #000;
    margin-top: 2rem;
    align-items: flex-start;
  }
  
   .VideoTestimonialSection .testimonial-text-container {
    position: absolute;
    min-height: 16rem;
    max-height: 20rem;
    max-width: 545px;
    margin-left: -17rem;
    margin-top: 2rem;
    left: 50%;
    z-index: 100;
    color:#fff;
    width: 100%;
  }
  
  .VideoTestimonialSection .carousel-inner div.play-button-container {
    max-width: unset;
    max-height: unset;
  }
  
  .VideoTestimonialSection .play-button-container.mobile {
    width: min-content;
    height: min-content;
  }

  .VideoTestimonialSection .loader.mobile {
    right: 25%;
    bottom: 300%;
    margin-left: 2.5rem;
  }
  
  .VideoTestimonialSection .testimonial-text-container .quotes-image img {
    max-width: 2.5rem;
  }

  .VideoTestimonialSection .testimonial-text-container .quotes-image {
    width: 80%;
  }
  
  .VideoTestimonialSection .testimonial-text, .VideoTestimonialSection .person-info {
    background: transparent;
    width: 80%;
 }
  
  .VideoTestimonialSection .testimonial-text p, 
  .VideoTestimonialSection .person-info p,
  .VideoTestimonialSection .testimonial-text p span, 
  .VideoTestimonialSection .person-info p span {
    font-size: 16px;
    color: #fff;
  }
  
  .VideoTestimonialSection .carousel-inner .play-button-container {
    position: absolute;
    top: 85%;
  }
  
  .VideoTestimonialSection .carousel-inner .image-container img {
    opacity: .3;
    object-fit: cover;
    max-height: 28rem;
  }
 
  .VideoTestimonialSection button.testimonial-play-button-mobile {
    display: block;
    background: #5EA94C;
    border: 3px solid #5EA94C;
    border-radius: 21px;
    width: 174px;
    height: 39px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
  }

  .VideoTestimonialSection button.testimonial-play-button-mobile:focus {
    outline: none;
  }
  
  button.testimonial-play-button-image {
    display: none;
  }
  
  .VideoTestimonialSection .carousel-indicators {
    bottom: -16%;
  }
} 

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .VideoTestimonialSection .carousel-item .carousel-item-content {
    max-width: 576px;
    margin: 2rem auto 0;
  }
  
  .VideoTestimonialSection .carousel-inner .image-container {
    margin: 0 auto;
    min-height: 25rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
  .VideoTestimonialSection .carousel-indicators {
    bottom: -25%;
  }
  
  .VideoTestimonialSection .carousel-item .carousel-item-content {
    margin-top: 4rem;
  }
  
/*   .VideoTestimonialSection .testimonial-text-container {
    max-height: 24rem;
  } */
  
  .VideoTestimonialSection .testimonial-text-container .quotes-image {
    margin: 1rem auto 0;
    width: 75%;
  }
  
  .VideoTestimonialSection .testimonial-text, 
  .VideoTestimonialSection .person-info {
    max-width: 26rem;
    width: 75%;
    font-size: 16px;
/*     max-height: 17rem; */
  }
  
  .VideoTestimonialSection .testimonial-text p, 
  .VideoTestimonialSection .person-info p,
  .VideoTestimonialSection .testimonial-text p span, 
  .VideoTestimonialSection .person-info p span {
    margin: 1rem 0;
  }
}

@media only screen and (min-width: 1300px) {
  .VideoTestimonialSection .person-info {
    margin: 1rem auto 0;
  }
}

/************ TWO COLUMN VIDEO WITH DESCRIPTION MODULE ************/

.TwoColumnVideoWithDescription .main-container {
  padding: 8rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}  

.TwoColumnVideoWithDescription .divider::before {
  content: '';
  display: block;
  padding-bottom: 1.5rem;
  border-bottom: 0px solid #5d85ac;
}

.TwoColumnVideoWithDescription h2.header, .TwoColumnVideoWithDescription .text {
  max-width: 80%;
}

.TwoColumnVideoWithDescription h2.header p {
  line-height: 1.4;
}

.TwoColumnVideoWithDescription .text-col, .TwoColumnVideoWithDescription .image-col {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.TwoColumnVideoWithDescription .text-col {
  width: 47%;
}

.TwoColumnVideoWithDescription .image-col {
  width: 53%;
}

.TwoColumnVideoWithDescription .image-container {
  min-height: 360px;
  max-width: 584px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(24, 38, 51, .72);
}

.TwoColumnVideoWithDescription .play-button-container.videoPopover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.TwoColumnVideoWithDescription .play-button-image {
  max-width: 75px;
  max-height: 75px;
  margin: 0 auto;
}

.TwoColumnVideoWithDescription .play-button-image img {
  max-width: 100%;
}

.TwoColumnVideoWithDescription .play-button-text {
  color: #fff;
  font-size: 22px;
  margin-top: .7rem;
  font-weight: 600;
}

.TwoColumnVideoWithDescription .loading .loader {
  margin: auto;
  bottom: 37%;
}

@media only screen and (max-width: 767px) {
  .TwoColumnVideoWithDescription div.main-container {
    padding: 3.5rem 0 5.5rem;
  }
  
  .TwoColumnVideoWithDescription div.text {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 991px) {
  .TwoColumnVideoWithDescription .main-container {
    flex-direction: column;
    padding: 4rem 0 6rem;
  }  

  .TwoColumnVideoWithDescription h2.header, .TwoColumnVideoWithDescription .text {
    max-width: 100%;
  }
  
  .TwoColumnVideoWithDescription .text {
    margin-bottom: 4rem;
  }
  
  .TwoColumnVideoWithDescription .text-col, .TwoColumnVideoWithDescription .image-col {
    width: 100%;
  }
  
  .TwoColumnVideoWithDescription .image-container {
    min-height: 37vh;
    margin: 0 auto;
  }
  
  .TwoColumnVideoWithDescription .play-button-image {
    max-width: 65px;
    max-height: 65px;
  }
  
  .TwoColumnVideoWithDescription .play-button-text {
    font-size: 16px;
  }
  
  .TwoColumnVideoWithDescription .loading .loader {
    width: 8em;
    height: 8em;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .TwoColumnVideoWithDescription h2.header, .TwoColumnVideoWithDescription .text {
    max-width: 90%;
  }
}

/************ TWO COLUMN ROW FOR TWO BUTTONS HOME PAGE************/


  * {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
 
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


@media only screen and (min-width: 1280px) and (max-width:1600px) {
  
  .column {
  float: left;
  width: 50%;
  padding-left: 10px;
 
}  
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
  
  .column {
  float: left;
  width: 40%;
  padding-left: 10px;
 
}  
  
/* mobile usability issues
  
.img {
max-width: 100%;
display: block;
}*/
}


/* Create two equal columns that floats next to each other centres for app page */
.column2 {
  margin:auto;
  width: 50%;

 
}

.center2 {
  margin: auto;
  width: 500px;
  padding:100px 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


@media only screen and (min-width: 1280px) and (max-width:1600px) {
  
  .column2 {
  margin:auto;
  width: 50%;

 
}  
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
  
  .column2 {
  margin:auto;
  width: 40%;

 
}  
  

/********** FOOTER 2023 ********/

.Footer2023 {
  padding: 7rem 0 2rem;
}

.Footer2023 .top-container {
  position: relative;
  margin: 0 4rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #aaa;
}

.Footer2023 .footer-lists-container  {
  margin-left: 20%;
}

.Footer2023 .footer-logo {
  position: absolute;
  left: 0;
}

.Footer2023 .footer-logo a {
  outline: none;
}

.footer-container.container-fluid {
  padding: 0;
}

.Footer2023 .footer-list-container {
  padding: 0 1em;
}

.Footer2023 .footer-column-header {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  margin-bottom: 1rem;
}

.Footer2023 ul.footer-list {
  list-style-type: none;
}

.Footer2023 li.footer-list-item {
  line-height: 1.2;
  margin-bottom: .7rem;
}

.Footer2023 .footer-list-item a {
  font-size: 14px;
  color: #fff;
}

.Footer2023 .footer-buttons-container {
  position: absolute;
  right: 0;
}

.Footer2023 .footer-buttons-container button {
  margin-bottom: 1rem;
}

.Footer2023 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
.Footer2023 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
  font-weight: 500;
}

.Footer2023 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
  color: #fff;
}

.Footer2023 .bottom-container {
  position: relative;
  margin: 2rem 4rem;
  padding-bottom: 2rem;

}
/*  margin: 2rem 3rem 0;
}*/

.Footer2023 .footer-iso-logo {
  position: absolute;
  left: 0;
}

.Footer2023 .footer-iso-logo a {
  outline: none;
}

.Footer2023 .footer-isotext-container  {
  margin-left:12%;
  max-width: 40%;
}

.Footer2023 .iso-logo-text {
  position: relative;
  color: #fff;
  font-size: 14px;

}

.Footer2023 .social-media-container {
  position: absolute;
  right: 0;
}

.Footer2023 .social-media-text {
  color: #fff;
  font-size: 14px;
}

.Footer2023 img.social-media-icon {
  margin-left: 1rem;
  max-width: 45px;
}

.Footer2023 .copyright-text {
  color: #fff;
  font-size: 12px;
  
  }
  
 .Footer2023 .container {
  display: flex;
  margin-left:0%;
  
  }

.Footer2023 .column {
  flex: 1;
}

.Footer2023 .logo-copy {
  width: 20%;
  margin-right:0%;
}
  
  


@media only screen and (max-width: 767px) {
  .Footer2023 {
    position: relative;
  }
  
  .Footer2023 .top-container {
    position: unset;
    margin: 0 1rem;
    padding-bottom: 7rem;
  }
  
  .Footer2023 .footer-logo {
    top: 3%;
    left: 3%;
  }
  
  .Footer2023 .footer-buttons-container {
    bottom: 27%;
    width: 100%;
    padding: 0 1rem;
  }
  
  .Footer2023 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
  .Footer2023 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    font-weight: 500;
    width: 100%;
  }
  
  .Footer2023 .footer-lists-container {
    flex-wrap: wrap;
    margin-left: 0;
    padding-bottom: 12rem;
  }
  
  .Footer2023 div.footer-list-container {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1rem;
  }  
  
  .Footer2023 .bottom-container {
  position: relative;
  margin: 2rem 4rem;
  padding-bottom: 1rem;

}
  
 .Footer2023 .footer-iso-logo {
  position: relative;
  left: 0;
}

.Footer2023 .footer-iso-logo a {
  outline: none;
}

.Footer2023 .footer-isotext-container  {
  position: absolute;
  margin-left:40%;
  max-width: 100%;
  display:none;
}
  
  .Footer2023 .social-media-text {

  color: #fff;
  font-size: 14px;
}

.Footer2023 img.social-media-icon {
  
  margin-left: 1rem;
  max-width: 45px;
}

  
  
}

@media only screen and (min-width: 440px) and (max-width: 767px) {
  .Footer2023 a#cta_button_1664077_ee31042c-9f8f-4ba6-941d-eca1907058e1,
  .Footer2023 a#cta_button_1664077_d74a5abf-794d-46ef-827e-2679cbe09f34 {
    font-weight: 500;
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Footer2023 {
    padding: 8rem 0 2rem;
  }
  
  .Footer2023 .footer-logo {
    top: -5rem;
  }
  
  .Footer2023 div.footer-lists-container {
    margin-left: 0;
  }
  
  .Footer2023 .footer-lists-container div.footer-list-container {
    max-width: 25%;
  }
  
  .Footer2023 .footer-buttons-container {
    bottom: 0;
  }
  
  .Footer2023 .social-media-text {
    font-size: 13px;
  }

  .Footer2023 img.social-media-icon {
    max-width: 35px;
  }  
  
  
.Footer2023 .footer-iso-logo a {
  outline: none;
}

.Footer2023 .footer-isotext-container  {
  position: absolute;
  margin-left:20%;
  max-width:50%;

}
  
  .Footer2023 .social-media-text {

  color: #fff;
  font-size: 14px;
}

.Footer2023 img.social-media-icon {
  
  margin-left: 1rem;
  max-width: 45px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1091px) {
  .Footer2023 .top-container {
    position: relative;
    margin: 0 2rem;
  }
  
  .Footer2023 .footer-logo img {
    max-width: 80%;
}
  
  .Footer2023 div.footer-list-container {
    flex: 0 0 50%;
    max-width: 20%;
  }
  
  .Footer2023 .footer-lists-container {
    margin-left: 20%;
  }  
  
  .Footer2023 .footer-iso-logo a {
  outline: none;
}

.Footer2023 .footer-isotext-container  {
  position: absolute;
  margin-left:15%;
  max-width:50%;

}
  
  .Footer2023 .social-media-text {

  color: #fff;
  font-size: 14px;
}

.Footer2023 img.social-media-icon {
  
  margin-left: 1rem;
  max-width: 45px;
}
}


@media only screen and (min-width: 1092px) and (max-width: 1319px) {
  .Footer2023 .top-container {
    position: relative;
    margin: 0 2rem;
  }
  
  .Footer2023 .footer-logo img {
    max-width: 80%;
}
  
  .Footer2023 div.footer-list-container {
    flex: 0 0 50%;
    max-width: 20%;
  }
  
  .Footer2023 .footer-lists-container {
    margin-left: 20%;
  }  
  
  .Footer2023 .footer-iso-logo a {
  outline: none;
}

.Footer2023 .footer-isotext-container  {
  position: absolute;
  margin-left:12%;
  max-width:50%;

}
  
  .Footer2023 .social-media-text {

  color: #fff;
  font-size: 14px;
}

.Footer2023 img.social-media-icon {
  
  margin-left: 1rem;
  max-width: 45px;
}
}

@media only screen and (min-width: 1320px) and (max-width: 1439px) {
  .Footer2023 .footer-list-container {
    flex: 0 0 50%;
    max-width: 25%;
  }
  
  .Footer2023 .footer-lists-container {
    margin-left: 10%;
  }  
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .Footer2023 .footer-lists-container {
    margin-left: 15%;       
  }  
}