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

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

.su-product-option.active {
  background: #f4f4f5;
}

    .su-product-card.active > h6 {
        color: #000000 !important;
    }

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

.su-faq {
}

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

.su-hero {
    background: url("/assets/img/software-updates.png") center / cover;
}

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

.su-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.png") center no-repeat;
}

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

.su-collapse-button:not(.collapsed) > .su-collapse-symbol {
  transform: rotate(0deg);
  transition-duration: 0.2s;
}

.su-collapse-button > .su-collapse-symbol {
  transform: rotate(180deg) translateY(1px);
  transition-duration: 0.2s;
}

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

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

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

.su-inst-section {
  max-width: 100%;
}

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

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

body {
  position: relative;
}

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

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


.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;
}