:root {
  --font-size-small: clamp(0.71rem, 0.07vw + 0.7rem, 0.75rem);
  --font-size-base: clamp(0.89rem, 0.19vw + 0.85rem, 1rem);
  --font-size-medium: clamp(1.11rem, 0.38vw + 1.03rem, 1.33rem);
  --font-size-large: clamp(1.0425rem, 0.5025vw + 0.93rem, 1.335rem);
  --font-size-xlarge: clamp(1.305rem, 0.8175vw + 1.1175rem, 1.7775rem);
  --font-size-xxlarge: clamp(1.5rem, 1.2825vw + 1.275rem, 2.25rem);
  --color-button-background: #22aacb;
  --color-button-background-hover: #41c0df;
  --stop-light-green: #5FBD64;
  --stop-light-orange: #d17844;
  --stop-light-red: #d92020;
}

#report-result {
  font-size: var(--font-size-base);
}
#report-result h1 {
  font-size: var(--font-size-xxlarge);
}
#report-result h2 {
  font-size: var(--font-size-xlarge);
}
#report-result h3 {
  font-size: var(--font-size-large);
}
#report-result h4 {
  font-size: var(--font-size-medium);
}
#report-result .section__heading {
  text-align: center;
  font-size: var(--font-size-xlarge);
  margin-bottom: 36px;
}
#report-result .report-header-area {
  padding-bottom: 65px;
}
#report-result .assessment-church-name-heading h2 {
  font-size: 28px;
}
#report-result .section__question_response {
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid #f1f1f1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6fr 2fr;
  grid-template-columns: 1fr 6fr 2fr;
}
#report-result .section__question_response .col3 {
  font-size: var(--font-size-large);
  text-align: center;
}
#report-result .section__question_response .section__question_response__church_average {
  white-space: nowrap;
  background-color: #f1f1f1;
  padding: 6px;
  border-radius: 4px;
  font-size: var(--font-size-small);
  display: inline-block;
}
@media (max-width: 640px) {
  #report-result .section__question_response {
    margin: 8px auto;
    -ms-grid-rows: auto;
        grid-template: "a b" "c c";
    -ms-grid-columns: 1fr 9fr;
    grid-template-columns: 1fr 9fr;
  }
  #report-result .col1 {
    grid-area: a;
  }
  #report-result .col2 {
    grid-area: b;
  }
  #report-result .col3 {
    grid-area: c;
  }
}
@media (max-width: 640px) {
  #report-result .col1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #report-result .col2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  #report-result .col3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
#report-result .section__score {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 1fr;
  grid-template-columns: 4fr 1fr;
  font-size: var(--font-size-large);
  margin: 32px 5vw 0 5vw;
}
#report-result .section__score .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#report-result .section__score .left img {
  margin-right: 16px;
  margin-top: -8px;
}
#report-result .section__score .right .section__score__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85px;
  height: 85px;
  background-color: #f1f1f1;
  border-radius: 50%;
}
@media (max-width: 768px) {
  #report-result .section__score {
    margin: 3vh auto 0 auto;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
  }
  #report-result .section__score > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #report-result .section__score > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  #report-result .section__score .left {
    display: block;
  }
  #report-result .section__score .left > div {
    text-align: center;
    display: block;
  }
  #report-result .section__score .left .stop-light-circle {
    margin: 0;
  }
  #report-result .section__score .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #report-result .section__score .right .section__score__score {
    margin: 0;
  }
}
#report-result .conclusion__heading {
  text-align: center;
  font-size: var(--font-size-xxlarge);
  margin-bottom: 100px;
}
#report-result .conclusion__scores {
  display: -ms-grid;
  display: grid;
  gap: 5vw;
  -ms-grid-columns: 1fr 5vw 1fr 5vw 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
#report-result .conclusion__scores > div {
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 2fr;
  grid-template-rows: 1fr 2fr;
}
#report-result .conclusion__scores .conclusion__section__title {
  font-size: var(--font-size-large);
}
#report-result .conclusion__scores .conclusion__average {
  font-size: var(--font-size-xxlarge);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  height: 100px;
  background-color: #f1f1f1;
  border-radius: 50%;
  margin: 16px auto 0 auto;
}
@media (max-width: 640px) {
  #report-result .conclusion__scores {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#report-result hr {
  width: 0;
  margin-bottom: 100px;
}

a.unstuck-button, a.download-report-btn {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
  background-color: var(--color-button-background);
  padding: 12px 25px 15px 25px;
  border-radius: 5px;
  position: relative;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  cursor: pointer;
  display: inline-block;
  font-family: Lato;
  font-size: var(--font-size-base);
}
a.unstuck-button:hover, a.download-report-btn:hover {
  background: var(--color-button-background-hover);
  -webkit-transform: translate(4px, -4px);
          transform: translate(4px, -4px);
  -webkit-box-shadow: -4px 4px 0 -1px #fff, -4px 4px 0 0 #242424;
          box-shadow: -4px 4px 0 -1px #fff, -4px 4px 0 0 #242424;
  border-color: #22aacb;
  text-decoration: none;
}

.stop-light-circle {
  background-color: var(--stop-light-green);
  min-width: 30px;
  height: 30px;
  border-radius: 15px;
  position: relative;
  display: inline-block;
  margin-right: 16px;
}
.stop-light-circle.stop-light-orange {
  background-color: var(--stop-light-orange);
}
.stop-light-circle.stop-light-red {
  background-color: var(--stop-light-red);
}
.stop-light-circle:after {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 15px;
  position: absolute;
  top: -2px;
  left: -3px;
  z-index: 9;
  display: inline-block;
  content: "";
}