.hlp-card {
  background: #fff;
  border-radius: 7px;
  padding: 25px 50px;
  cursor: pointer;
}

.hlp-product-option {
  width: 50%;
  max-width: 208px;
  cursor: pointer;
}

.hlp-product-option.active {
  background: #F4F4F5;
}

.hlp-card-secondary {
  background: #fff;
  border-radius: 7px;
  padding: 25px 30px;
}

.hlp-faq {
}

.hlp-hero-title {
  margin: auto;
  font-family: 'Averia Serif Libre', serif;
  max-width: 630px;
  padding: 5px;
}

.hlp-hero {
  background: url("/assets/img/hlp-bg.png") center / cover;
}

.hlp-hero-nitrate {
    background: url("/assets/img/help/nitrate-bg.png") center / cover;
}

.hlp-hero-cine {
    background: url("/assets/img/help/cine-bg.png") center / cover;
}

.hlp-hero-hazy {
    background: url("/assets/img/help/hazy-bg.png") center / cover;
}

.hlp-hero-halation {
    background: url("/assets/img/help/hal-bg.png") center / cover;
}

.lrn-hero {
    background: url("/assets/img/learn-bg.png") center / cover;
}

.hlp-accord-button:focus {
  box-shadow: none;
}

.hlp-accord-button:not(.collapsed) {
  background-color: transparent;
  color: #000 !important;
}

.accordion-button.collapsed::after {
  background: url("/assets/img/chevron-down.png") center no-repeat;
}

.accordion-button:not(.collapsed)::after {
  background: url("/assets/img/chevron-down-black.png") center no-repeat;
}

.hlp-collapse-grey {
    background: #F4F4F5;
    border-radius: 7px;
    padding: 25px 50px;
}

.hlp-collapse {
  background: #fff;
  border-radius: 7px;
  padding: 25px 50px;
}

.hlp-collapse-button:not(.collapsed) > .hlp-collapse-symbol {
  transform: rotate(180deg);
  transition-duration: .2s;
}

.hlp-collapse-button > .hlp-collapse-symbol {
  transform: rotate(0deg);
  transition-duration: .2s;
}

.hlp-collapse-button:not(.collapsed) {
  color: #000 !important;
}

.hlp-product-card {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0px 3px 11px rgba(0,0,0,0.16);
  cursor: pointer;
}

.hlp-product-card.active {
  background: transparent;
  box-shadow: none;
  border: 2px solid #E6E6E6;
}

.hlp-inst-section {
  max-width: 800px;
}

.hlp-inst-section > ol > li {
  padding: 5px 0px;
}

.hlp-scroll-link {
  border-bottom: 1px dashed;
}

body {
  position: relative;
}

.hlp-general-section-body > div > h3 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
  margin-top: 30px;
}

.hlp-general-section-body > div > h4 {
  font-size: 16px;
  padding-left: 5px;
  margin-top: 20px;
}