.hero-section {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url('/assets/images/ledger/ledger-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image-container {
  z-index: 999;
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  overflow: hidden;
}

.hero-title {
  font-size: 3rem;
  font-weight: 500;
  color: var(--primary-text-white);
  letter-spacing: 1px!important;
  display: flex;
  flex-direction: column;
  line-height: 1.2em;
  z-index: 999;
  text-transform: capitalize;
}

.legal-section{
  background-color: var(--brand-yellow);
}

.features-card{
  position: sticky;
  top: 3.5rem;
  background: var(--bg-light);
}

#letsConnect-container2 #connect .underline{
  display: none;
}

.blue-overlay-section::before{
  background: none;
}


@media (max-width: 1024px) {
  .hero-section {
    background: url('/assets/images/ledger/ledger-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
  }

  .hero-title-wrapper{
    height: 62.5rem!important;
  }


  .hp-eclosing-stat.hp-h1{
    font-size: var(--h4-font-size);
  }

  .reasults-img{
    width: 100%;
  }

  .eclosing-stats-text{
    font-size: 1rem!important;
  }

  .supercharge-section .hp-h1{
    font-size: var(--h4-font-size);
  }

  .supercharge-card:first-child,
  .supercharge-card:nth-child(2){
    border-bottom: 1px solid #6c757d;
  }

  .supercharge-card h4{
    font-size: 1.5rem;
  }  
}

@media (min-width: 992px) {
    .hp-h1 {
        font-weight: 400;
        line-height: 1;
    }
}

@media(max-width:991px){

  .hero-section .vh-100{
    height: auto!important;
    padding: 5rem 0;
  }

  .hero-title {
    font-size: var(--h5-font-size);
  }

  .features-content h4{
    font-size: 1.8rem;
  }
  .legal-section .hp-h1{
    font-size: var(--h4-font-size);
  }

  #hp-testimonial-reviewer-name{
    font-size: 1.5rem;
  }
  #hp-testimonial-title{
    font-size: 1.5rem;
  }
  #letsConnect-container #connect .hp-h1{
    font-size: var(--h4-font-size);
    margin-bottom: 1rem;
  }
  #letsConnect-container #connect .underline{
    margin-bottom: 1.8rem;
  }
  #letsConnect-container #connect{
    min-height: fit-content!important;
    padding-bottom: 0!important;
    background: url('/assets/images/ledger/lets-connect-bg-mobile.webp')!important;
    background-size: cover!important;
  }
}

@media(max-width:767px){  
    .supercharge-card-wrapper {
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .supercharge-card-wrapper > div {
        max-width: 80%;
    }

    #letsConnect-container2 #connect{
      display: flex;
      flex-direction: column-reverse!important;
    }

    #letsConnect-container2 #connect{
      min-height: fit-content!important;
    }

    #letsConnect-container2 #connect .border-start{
      font-size: 1rem!important;
    }

  .features-card{
    position: relative;
    border-bottom: 0;
    top: 0;
  }

  .reasults-section .content.border-top{
    border-top: none!important;
  }

}


@media (max-width: 575px) {
  .hero-title-wrapper{
    height: 40rem!important;
  }

  .hero-title {
    font-size: var(--t-h5-font-size);
  }
  .supercharge-card h4{
    font-size: var(--t-h6-font-size);
  }
}