/* HGB-FOLD-FRONTEND v6 */

.hgb-above-fold{ margin: 0 0 18px 0 !important; }

.hgb-above-fold .hgb-h1{
  font-size: 34px !important;
  line-height: 1.12 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.015em;
}

.hgb-above-fold .hgb-subline{
  margin: 0 0 14px 0 !important;
  color: rgba(15,23,42,.78) !important;
}

.hgb-above-fold .hgb-note{
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  color: rgba(15,23,42,.68) !important;
  line-height: 1.45 !important;
}

.hgb-above-fold .hgb-trust{
  margin: 12px 0 0 0 !important;
  color: rgba(15,23,42,.65) !important;
  font-size: 14px !important;
}

.hgb-above-fold a.hgb-btn,
.hgb-below-fold a.hgb-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  border: 1px solid rgba(148,163,184,.55) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 22px rgba(2,6,23,.08) !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important;
}

.hgb-above-fold a.hgb-btn:hover,
.hgb-below-fold a.hgb-btn:hover,
.hgb-above-fold a.hgb-btn:focus,
.hgb-below-fold a.hgb-btn:focus{
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 30px rgba(2,6,23,.12) !important;
}

.hgb-above-fold a.hgb-btn:active,
.hgb-below-fold a.hgb-btn:active{
  transform: translateY(0) !important;
  box-shadow: 0 8px 16px rgba(2,6,23,.08) !important;
}

.hgb-direct-actions{
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 0 8px 0 !important;
}

.hgb-above-fold a.hgb-btn-wa{
  background: rgba(34,197,94,.12) !important;
  border-color: rgba(34,197,94,.35) !important;
  color: #14532d !important;
}

.hgb-above-fold a.hgb-btn-wa::before{
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzE0NTMyZCIgZD0iTTE2IDNhMTMgMTMgMCAwIDAtMTEgMjBsLTIgNiA2LTJhMTMgMTMgMCAxIDAgMTMtMTNBMTMgMTMgMCAwIDAgMTYgM3ptMCAyNGExMSAxMSAwIDAgMS01LjYtMS41bC0uNC0uMi0zLjUgMS4yIDEuMi0zLjQtLjMtLjVBMTEgMTEgMCAxIDEgMTYgMjd6bTYtOC4yYy0uMy0uMi0xLjgtLjktMi0xcy0uNS0uMi0uNy4yLS44IDEtMSAxLjItLjQuMi0uNy4xYTkgOSAwIDAgMS0yLjYtMS42IDkuNiA5LjYgMCAwIDEtMS44LTIuMmMtLjItLjMgMC0uNS4xLS43bC41LS42Yy4yLS4yLjItLjQuMy0uNnMwLS40IDAtLjYtLjctMS43LTEtMi4zLS41LS41LS43LS41aC0uNmExLjIgMS4yIDAgMCAwLS45LjQgMy42IDMuNiAwIDAgMC0xLjEgMi43IDYuMiA2LjIgMCAwIDAgMS4zIDMuMyAxNC4zIDE0LjMgMCAwIDAgNS41IDQuOWMyLjggMS4xIDIuOC43IDMuMy43YTIuOCAyLjggMCAwIDAgMS44LTEuMyAyLjMgMi4zIDAgMCAwIC4yLTEuM2MtLjEtLjEtLjMtLjItLjYtLjN6Ii8+PC9zdmc+");
}

.hgb-above-fold a.hgb-btn-sms{
  background: rgba(59,130,246,.10) !important;
  border-color: rgba(59,130,246,.28) !important;
  color: #1d4ed8 !important;
}

.hgb-below-fold{ margin: 0 0 22px 0 !important; }

.hgb-below-fold .hgb-actions{
  display: flex !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 0 14px 0 !important;
}

.hgb-below-fold a.hgb-btn-call{
  background: rgba(30,41,59,.08) !important;
  border-color: rgba(30,41,59,.22) !important;
  color: #0f172a !important;
}

.hgb-below-fold a.hgb-btn-form{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(148,163,184,.6) !important;
  color: #0f172a !important;
}

.hgb-phone-display{
  display: none !important;
  padding: 12px 0 !important;
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.hgb-phone-display__label{
  margin-right: 8px !important;
  color: rgba(15,23,42,.70) !important;
  font-weight: 500 !important;
}

.hgb-phone-display__number{
  color: #0f172a !important;
  font-weight: 700 !important;
}

.hgb-below-fold .hgb-bullets{
  margin: 0 !important;
  padding-left: 18px !important;
  color: rgba(15,23,42,.78) !important;
}

.hgb-below-fold .hgb-bullets li{ margin: 6px 0 !important; }

.hgb-mobile-only{
  display: none !important;
}

.hgb-desktop-only{
  display: none !important;
}

@media (max-width: 782px){
  .hgb-mobile-only{
    display: inline-flex !important;
  }

  .hgb-above-fold .hgb-direct-actions{
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  .hgb-above-fold .hgb-direct-actions .hgb-btn{
    flex: 1 1 220px !important;
  }
}

@media (min-width: 783px){
  .hgb-above-fold .hgb-direct-actions{
    display: none !important;
  }

  .hgb-desktop-only{
    display: block !important;
  }

  .hgb-below-fold a.hgb-btn-form{
    display: inline-flex !important;
  }
}