﻿.relatedContent-wrapper {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.relatedContent-eNewsWrapper, .relatedContent-downloadsWrapper, .relatedContent-contentWrapper {
  background-color: #E5F4EB;
  width: 100%;
}

.relatedContent-formWrapper, .relatedContent-contactWrapper, .relatedContent-wrapper .legal-text-wrapper {
  background-color: #B2DFC3;
  width: 100%;
}

.relatedContent-downloadsFrame, .relatedContent-formFrame, .relatedContent-contactFrame, .relatedContent-eNewsFrame, .relatedContent-contentFrame {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2.5rem 0;
}

.relatedContent-downloadsFrame > h2, .relatedContent-formFrame > h2, .relatedContent-contactFrame > h2, .relatedContent-eNewsFrame > h2, .relatedContent-contentFrame > h2 {
  color: #003b5c;
  font-size: 2.375rem;
  font-weight: 300;
  line-height: 3.234rem;
}

.relatedContent-downloadsFrame > h2:lang(ko),
.relatedContent-downloadsFrame > h2:lang(ko-KR),
.relatedContent-formFrame > h2:lang(ko),
.relatedContent-formFrame > h2:lang(ko-KR),
.relatedContent-contactFrame > h2:lang(ko),
.relatedContent-contactFrame > h2:lang(ko-KR),
.relatedContent-eNewsFrame > h2:lang(ko),
.relatedContent-eNewsFrame > h2:lang(ko-KR),
.relatedContent-contentFrame > h2:lang(ko),
.relatedContent-contentFrame > h2:lang(ko-KR){
  font-weight: 700;
}

.relatedContent-downloadsFrame > h2::after, .relatedContent-formFrame > h2::after, .relatedContent-contactFrame > h2::after, .relatedContent-eNewsFrame > h2::after, .relatedContent-contentFrame > h2::after {
  content: "";
  display: block;
  position: relative;
  width: 3.125rem;
  height: 2px;
  margin: 1rem auto 0.5375rem;
  background-color: #003B5C;
}

.relatedContent-contactFrame > p, .relatedContent-eNewsFrame > p, .relatedContent-wrapper .legal-text-content {
  line-height: 2.125rem;
  font-weight: 300;
  font-size: 1.25rem;
  text-align: center;
  color: #191919;
}

.relatedContent-downloadsFrame .downloadsSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  justify-content: space-evenly;
  max-width: 60rem;
}

.relatedContent-downloadsFrame .downloadsSection > details {
  border-top: 1px solid #003B5C;
  width: 100%;
  padding: 1.25rem;
}

.relatedContent-downloadsFrame .downloadsSection > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  order: 1;
  cursor: pointer;
}

.relatedContent-downloadsFrame .downloadsSection > details > summary .glyphicons {
  color: #003b5c;
}

.relatedContent-downloadsFrame .downloadsSection .downloadsSection-accordion__summary {
  display: flex;
  flex: 1;
  font-weight: 500;
  color: #003b5c;
  line-height: 2.128rem;
}

.relatedContent-downloadsFrame .downloadsSection > details > summary::before {
  content: "";
  border-style: solid;
  border-width: 0.15rem 0.15rem 0 0;
  border-color: #009639;
  padding: 0.25rem;
  transform: rotate(135deg);
  transition: transform 0.25s ease;
  order: 2;
}

.relatedContent-downloadsFrame .downloadsSection > details[open] > summary::before {
  transform: rotate(-45deg);
}

.relatedContent-downloadsFrame .downloadsSection .downloadsSection-accordion__detail, .relatedContent-downloadsFrame .downloadsSection .downloadsWrapper {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.relatedContent-downloadsFrame .downloadsSection .downloadsSection__download {
  display: flex;
  padding: 0.625rem 1.25rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  background-color: #009639;
}

.relatedContent-downloadsFrame .downloadsSection .downloadsSection__download:hover {
  background-color: #009E58;
}

.relatedContent-downloadsFrame .downloadsSection .downloadsSection__download a, .relatedContent-downloadsFrame .downloadsSection .downloadsSection__download .glyphicons {
  text-decoration: none;
  color: #ffffff;
}
.relatedContent-downloadsFrame .downloadsSection .downloadsSection__download a:hover {
  border: none;
}

.relatedContent-formFrame .formContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 60rem;
  align-content: center;
}

.relatedContent-formFrame .formContainer .formField {
  display: flex;
  padding: 0.5rem;
}

.relatedContent-formFrame .formContainer .formField.full-width {
  width: 100%;
}

.relatedContent-formFrame .formContainer .formField.half-width {
  width: 50%
}

.relatedContent-formFrame .formContainer .formField input, .relatedContent-formFrame .formContainer .formField textarea, .relatedContent-formFrame .formContainer .formField select {
  border-radius: 1.25rem;
}

.relatedContent-formFrame .formContainer .formField.form-floating-label label {
  left: 1rem;
  bottom: 1.1rem;
  font-weight: 300;
  font-size: 1rem;
}

.relatedContent-formFrame .formContainer .formField select.has-value ~ label {
  color: #cacaca;
  top: auto;
}

.relatedContent-formFrame .formContainer .formField.form-terms-conditions, .relatedContent-formFrame .formContainer .formField.form-checkbox {
  align-items: flex-start;
  padding: 1rem;
}

.relatedContent-formFrame .formContainer .formField.form-terms-conditions input, .relatedContent-formFrame .formContainer .formField.form-checkbox input {
  margin: auto;
}

.relatedContent-formFrame .formContainer .formField.form-terms-conditions label, .relatedContent-formFrame .formContainer .formField.form-checkbox label {
  font-weight: 500;
}

.relatedContent-formFrame .formContainer .formField.form-submit-button {
  margin: 0 auto;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper {
  display: flex;
  flex-direction: column;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper .radioHeading {
  color: #003b5c;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper .formField__radioGroup {
  display: flex;
  flex-direction: row;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper .formField__radioGroup input[type="radio"] {
  transform: scale(1.5);
  accent-color: #4298B5;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper .formField__radioGroup input[type="radio"]:checked + label {
  font-weight: 500;
}

.relatedContent-formFrame .formContainer .formField__radioWrapper .formField__radioGroup label {
  position: relative;
  color: #191919;
  left: 0;
  bottom: 0;
  margin: 0.5rem 1rem;
}

.relatedContent-contentFrame__contentWrapper {
  display: flex;
  flex-direction: row;
  padding: 1rem;
}

.relatedContent-contentFrame__content, .relatedContent-contentFrame__contentImage {
  flex: 1;
}

.relatedContent-contentFrame__content, .relatedContent-contentFrame__contentImage > img {
  border-radius: 1.25rem;
}

.relatedContent-contentFrame__content {
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
}

.relatedContent-contentFrame__content > h3 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.125rem;
  color: #003b5c;
}

.relatedContent-contentFrame__content > p {
  line-height: 2.125rem;
  font-weight: 300;
  font-size: 1.25rem;
}

.relatedContent-wrapper .legal-text-content {
    display: flex;
    justify-content: center;
    padding: 0rem 0rem 1rem;
    align-items: center;
    font-size: 1rem;
}

@media screen and (max-width: 1024px) {
  .relatedContent-contactFrame > p, .relatedContent-eNewsFrame > p {
    padding: 0 1rem;
  }
}

@media screen and (max-width: 430px) {
  .relatedContent-downloadsFrame > h2, .relatedContent-formFrame > h2, .relatedContent-contactFrame > h2, .relatedContent-eNewsFrame h2, .relatedContent-contentFrame > h2 {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .relatedContent-contentFrame__content > h3 {
    font-size: 1.25rem;
  }
  .relatedContent-contactFrame > p, .relatedContent-eNewsFrame > p, .relatedContent-downloadsFrame .downloadsSection > details > summary, .relatedContent-contentFrame__content > p, .relatedContent-contentFrame__content .relatedContent-contentButton {
    font-size: 1rem;
  }
  .relatedContent-downloadsFrame .downloadsSection .downloadsSection__download a, .relatedContent-downloadsFrame .downloadsSection .downloadsSection__download .glyphicons, .relatedContent-downloadsFrame .downloadsSection .downloadsSection-accordion__detail > p {
    font-size: 0.8rem;
  }
  .relatedContent-downloadsFrame, .relatedContent-formFrame {
    padding: 1.5rem 0;
  }
  .relatedContent-downloadsFrame .downloadsSection, .relatedContent-formFrame .formContainer {
    max-width: 90%;
  }
  .relatedContent-formFrame .formContainer .formField {
    padding: 0.25rem;
  }
  .relatedContent-formFrame .formContainer .formField.half-width {
    width: 100%;
  }
  .relatedContent-formFrame .formContainer .formField.form-terms-conditions, .relatedContent-formFrame .formContainer .formField.form-checkbox {
    padding: 1rem;
  }
  .relatedContent-contentFrame__contentWrapper {
    flex-direction: column;
  }
  .relatedContent-wrapper .legal-text-content {
    font-size: 0.8rem;
  }
}