@import url("rhein-skin-v8.css");

/* Methodology card — HEXENS-* classes were rewritten to
   "Rhein Audit-methodology" (space), so the original CSS never matched. */

.rhein-methodology,
.Home-module-scss-module__wP62Ka__services-methodology {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1620px !important;
  margin: 32px auto 0 !important;
  background: #fff !important;
  color: #161616 !important;
  border: 1px solid #e6e6e6 !important;
  padding: 48px 24px !important;
  box-sizing: border-box !important;
}

@media (min-width: 820px) {
  .rhein-methodology {
    padding: 48px 32px !important;
  }
}

.rhein-methodology-title {
  font-family: var(--font-space-grotesk), sans-serif !important;
  letter-spacing: -1px !important;
  color: #161616 !important;
  text-align: center !important;
  margin: 0 !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

.rhein-methodology-rows {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.rhein-methodology-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  width: 100% !important;
  padding: 24px 0 !important;
}

.rhein-methodology-row-label {
  background: #f4f4f4 !important;
  width: 100% !important;
  font-family: var(--font-space-mono), ui-monospace, monospace !important;
  letter-spacing: -0.34px !important;
  color: #5a5a5a !important;
  text-transform: uppercase !important;
  padding: 4px 2px 4px 8px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.rhein-methodology-row-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  width: 100% !important;
}

@media (min-width: 820px) {
  .rhein-methodology-row-content {
    flex-direction: row !important;
    align-items: stretch !important;
  }
}

.rhein-methodology-row-left,
.rhein-methodology-row-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
}

@media (min-width: 820px) {
  .rhein-methodology-row-left,
  .rhein-methodology-row-right {
    flex: 1 1 0 !important;
  }
}

.rhein-methodology-row-heading {
  font-family: var(--font-space-grotesk), sans-serif !important;
  letter-spacing: -1px !important;
  color: #161616 !important;
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.rhein-methodology-row-heading-x {
  font-size: 16px !important;
}

.rhein-methodology-row-paragraph,
.rhein-methodology-row-paragraph p {
  font-family: var(--font-pp-neue-montreal), sans-serif !important;
  color: #4a4a4a !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 0 !important;
}

.rhein-methodology-row-paragraph p + p {
  margin-top: 8px !important;
}

.rhein-methodology-row-divider {
  border-top: 1px dashed #e6e6e6 !important;
  width: 100% !important;
  height: 0 !important;
  align-self: stretch !important;
}

@media (min-width: 820px) {
  .rhein-methodology-row-divider {
    border-top: 0 !important;
    border-left: 1px dashed #e6e6e6 !important;
    width: 0 !important;
    height: auto !important;
  }
}

.rhein-methodology-row[data-kind="certifications"] .rhein-methodology-row-right {
  gap: 32px !important;
}

.rhein-methodology .certifications {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px 24px !important;
}

@media (min-width: 820px) {
  .rhein-methodology .certifications {
    gap: 24px !important;
  }
}

.rhein-methodology .certifications img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

.rhein-methodology .certifications .certifications__img--ecptx {
  width: 51px !important;
  height: 41px !important;
}

.rhein-methodology .certifications .certifications__img--aathir {
  width: 41px !important;
  height: 48px !important;
}

.rhein-methodology-caption {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  list-style: none !important;
}

.rhein-methodology-caption-underline {
  background: #0165ff !important;
  width: 50px !important;
  height: 2px !important;
  display: block !important;
}

.rhein-methodology-caption-text {
  font-family: var(--font-pp-neue-montreal), sans-serif !important;
  color: #161616 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.rhein-methodology-bullets {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.rhein-methodology-stats {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.rhein-methodology-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 8px 16px !important;
  background: #fafafa !important;
}

@media (min-width: 820px) {
  .rhein-methodology-stat {
    flex-direction: row !important;
    align-items: center !important;
  }
}

.rhein-methodology-stat-value {
  font-family: var(--font-pp-neue-montreal), sans-serif !important;
  color: #161616 !important;
  white-space: nowrap !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.rhein-methodology-stat-label {
  font-family: var(--font-pp-neue-montreal), sans-serif !important;
  color: #5a5a5a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.rhein-methodology > a {
  margin-top: 8px !important;
}

.rhein-methodology .button-main[data-variant="primary"] {
  background: #161616 !important;
  border-color: #161616 !important;
  color: #fff !important;
}

@media (max-width: 819px) {
  .rhein-methodology {
    padding: 32px 16px !important;
  }
  .rhein-methodology-title {
    font-size: 28px !important;
  }
  .rhein-methodology .certifications img {
    width: 32px !important;
    height: 32px !important;
  }
}