:root {
  --primeryBlue-color: #002fff;
  --secondery-bg-color: #F1F5F9;
}

html body a:link.btn-blue,
html body a:visited.btn-blue,
html body button.btn-blue {
  background-color: var(--primeryBlue-color);
  color: white;
  border: 1px solid var(--primeryBlue-color);
}

html body a:link.btn-blue:hover,
html body a.btn-blue:visited:hover {
  background-color: white;
  color: black;
  border: 1px solid #e2e8f0;
}

html body a:link.btn-white,
html body a:visited.btn-white,
html body button.btn-white {
  background-color: white;
  color: black;
  border: 1px solid #e2e8f0;
}

html body a:link.btn-white:hover,
html body a.btn-white:visited:hover {
  background-color: var(--primeryBlue-color);
  color: white;
  border: 1px solid var(--primeryBlue-color);
}

html body a:link.btn-link,
html body a:visited.btn-link {
  color: var(--primeryBlue-color);
}

html body a:link.btn-link:hover {
  text-decoration: underline;
}

.announcement-box.announcement-chp {
  background-color: #d04949;
  color: white;
}

.custom-support-section.custom-support-section-chp {
  background-color: var(--primeryBlue-color);
}

.custom-support-section.custom-support-section-chp h3 {
  color: white;
}

.custom-support-section.custom-support-section-chp h3 {
  color: white;
}

.custom-support-section.custom-support-section-chp .custom-support-icon {
  color: white;
}

.custom-support-section.custom-support-section-chp .custom-overlay {
  background-color: #1e96fc;
}

.banner.hfg-support-banner {
  background-image: url("images/hfg_banner.webp");
}

.banner.npb-inner-banner {
  background-image: url("images/Inner_banner-npb.webp");
  background-position: 0 0;
  min-height: 200px;
}

.banner.chp-inner-banner {
   background-image: url("images/Inner_banner-chp.webp");
   background-position: 0 0;
   min-height: 200px;
}

.banner.npb-inner-banner::before,
.banner.chp-inner-banner::before {
  display: none;
}

.badge.blue {
  background: var(--primeryBlue-color);
}

.button-group-col {
  gap: 10px;
}

.anothor-topic {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

html body .anothor-topic a:link,
html body .anothor-topic a:visited {
  color: var(--primeryBlue-color);
  display: inline-block;
  margin-left: 5px;
}

.custom-support-section.complimentary-section {
  background-color: #1e96fc;
  color: white;
}

.custom-support-section.complimentary-section p {
  color: white;
}

.custom-support-section.complimentary-section a.btn {
  max-width: 250px;
  margin: 0 auto;
}

.product-download.chp-product-download button[type="submit"] {
  background-color: var(--primeryBlue-color);
}

html body a:link.blue-link{
  color: var(--primeryBlue-color);
} 


.product-download.chp-product-download .product-image{
  background-color: var(--secondery-bg-color);
}

html body .troubleshooting.chp-troubleshooting a:link,
html body .troubleshooting.chp-troubleshooting a:visited{
  color: var(--primeryBlue-color);
}

.blue-color{
  color: var(--primeryBlue-color);
}

@media (max-width: 767px) {
.banner.npb-inner-banner {
  background-image: url("images/mobile_inner_banner_nfb.webp");
}

.banner.chp-inner-banner {
   background-image: url("images/mobile_inner_banner_chp.webp");
   background-position: 0 0;
}

.banner.hfg-support-banner{
   background-image: url("images/chp_hero_banner_mobile.webp");
}

.anothor-topic{
    flex-direction: column;
    text-align: center;
}

}