.fixImage {
  position: relative;
  display: flex;
  height: 100%;
}

#aboutSection .manageDescription {
  margin-top: 3rem;
}

@media only screen and (max-width: 992px) {
  .fixImage {
    height: 33vh;
  }
  .fixImage > div {
    position: relative !important;
    height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  #schemaSection article {
    flex-direction: column;
    align-items: center;
  }
  #schemaSection .char {
    width: 100% !important;
    text-align: center;
    height: auto;
    margin-bottom: 80px;
  }
  #schemaSection .ae {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 195px;
  }
  .aeImage {
    display: none;
  }
}

#schemaSection {
  padding-top: 0;
}

#schemaSection article {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#schemaSection .charWrapper {
  width: 50%;
  display: flex;
}

#schemaSection .charWrapper:nth-child(2),
#schemaSection .charWrapper:nth-child(3),
#schemaSection .charWrapper:nth-child(5) {
  flex-direction: row-reverse;
}

#schemaSection .char {
  width: 28.56%;
  text-align: center;
  position: relative;
  transform: translateY(100%);
  top: -7rem;
}

#schemaSection .char:nth-child(4),
#schemaSection .char:nth-child(5) {
  transform: translateY(0%);
  top: 0;
}

#schemaSection .char strong {
  width: 100%;
  display: block;
  padding: 1.5rem 0;
}

#schemaSection .ae {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#schemaSection .char ul {
  text-align: left;
  margin: 2rem 0;
}

#schemaSection .char ul li {
  margin-bottom: 2rem;
  display: flex;
}

#schemaSection .char ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  max-height: 4px;
  max-width: 4px;
  min-height: 4px;
  min-width: 4px;
  border-radius: 50%;
  background: #0090d2;
  display: block;
  margin-right: 1rem;
  position: relative;
  top: 1rem;
}

#schemaSection .aeImage {
  width: 42.84%;
  height: auto;
}

#qualitySection #payoff2 {
  margin-top: 4rem;
}

#qualitySection .step span {
  margin-bottom: 1.5rem;
  display: block;
}

#qualitySection .step {
  position: relative;
}

#qualitySection .step > section {
  padding: 3rem;
  background: #f2f3f3;
}

#qualitySection .step:first-of-type {
  margin-top: 2rem;
}

#qualitySection .manageDescription p,
#qualitySection .manageDescription p span {
  font-size: 1.6rem !important;
}

#qualitySection .step.isFirst:after,
#qualitySection .step.isLast:after {
  height: 50%;
  top: 50%;
}

#qualitySection .step.isLast:after {
  top: 0;
}

#qualitySection .step > section:after {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  background: white;
  position: absolute;
  left: -5vw;
  margin-left: -1.7rem;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 4;
}

#qualitySection .step > section:before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #1e9dd7;
  position: absolute;
  left: -5vw;
  margin-right: -0.2rem;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

#qualitySection .step {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
}

#qualitySection .step:after {
  content: "";
  height: 100%;
  background: #e7e7e7;
  position: absolute;
  width: 1px;
  left: -5vw;
  z-index: 0;
}

/*
#qualitySection .step:last-of-type:after {
	display: none;
}
*/

#qualitySection .step:before {
  content: "";
  width: 5vw;
  height: 1px;
  background: #e7e7e7;
  left: -5vw;
  top: 50%;
  position: absolute;
  transform: translateX(0%);
  z-index: 0;
}

@media only screen and (max-width: 992px) {
  #qualitySection .step:last-of-type:after {
    display: none;
  }
  #qualitySection .step strong {
    margin-bottom: 2rem;
    margin-top: 0;
    margin-left: 24rem;
    display: block;
    padding-top: 7.5rem;
  }
  #qualitySection .step {
    display: block;
    padding-bottom: 4rem;
  }
  #qualitySection .step:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #qualitySection .step strong {
    margin-left: 13rem;
    padding-top: 4.5rem;
    margin-bottom: 1rem;
  }
  #qualitySection .step div {
    margin-left: 13rem;
  }
}

@media only screen and (max-width: 480px) {
  #qualitySection .step strong {
    padding-top: 2.5rem;
  }
  #qualitySection .step strong,
  #qualitySection .step div {
    margin-left: 0;
  }
}

.fluid {
  width: 100% !important;
  background-color: white;
}

.accordion-header-comp {
  cursor: pointer;
  height: 20vh;
  position: relative;
  border-top: 1px solid #e7e7e7;
  /*padding: 3rem 6rem;*/
  line-height: 3.6rem;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
}

.accordion-header-comp .lineHover {
  font-family: "Barlow", sans-serif;
}

.accordion-header-comp.active .lineHover {
  color: #47545c;
}

.comp-left {
  background-color: #f5f5f5;
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comp-left::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 3rem;
  border: 1.3px solid #0090d2;
  width: 10.6rem;
  height: 10.6rem;
  display: none;
}

.comp-right {
  color: #0090d2;
  width: 70%;
  padding-left: 40px;
  display: flex;
  align-items: center;
}

.accordion-content {
  flex-direction: row;
  padding-left: 0rem;
  padding-bottom: 0rem;
  position: relative;
}

.cont-left {
  background-color: #f5f5f5;
  width: 30%;
  float: left;
}

.cont-right {
  width: 70%;
  padding-left: 40px;
  padding-bottom: 40px;
  font-weight: bold;
  margin-left: 21vw;
}

.compList {
  font-size: 15px;
  font-weight: 300;
  line-height: 4.5rem;
  list-style-type: circle;
  width: 100%;
}

ul.compList li {
  display: flex;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

ul.compList li span,
ul.compList li,
ul.compList li ul {
  font-size: 15px !important;
}

ul.compList li:before {
  content: "";
  width: 4px;
  height: 4px;
  max-height: 4px;
  max-width: 4px;
  min-height: 4px;
  min-width: 4px;
  border-radius: 50%;
  background: #0090d2;
  display: block;
  margin-right: 1rem;
  position: relative;
  top: 1rem;
}

ul.compList ul.compList {
  padding-left: 40px;
  margin-top: 2rem;
}

.cont-right::before {
  content: "";
  width: 30%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f5f5f5;
}

.compList ul {
  list-style-type: circle;
}

@media only screen and (max-width: 1240px) {
  .cont-right {
    margin-left: 24vw;
  }
}

@media only screen and (max-width: 992px) {
  .cont-right {
    margin-left: 28vw;
  }
}

@media only screen and (max-width: 500px) {
  .accordion-header-comp {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 22vh;
  }
  .comp-left {
    width: 100%;
    height: 50%;
  }
  .comp-left img {
    height: 80%;
    max-width: none;
  }
  .comp-right {
    width: 100%;
    height: 50%;
    justify-content: center;
    padding-left: 0px;
  }
  .comp-left::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 1rem;
    border: 1.3px solid #0090d2;
    width: 7rem;
    height: 7rem;
  }
  .cont-right::before {
    display: none;
  }
  .cont-right {
    margin-left: 2vw;
  }
}