.hr-section {
  padding-bottom:100px;
  padding-top:100px;
  background-color:#f7f7f7;
  position:relative
}
.hr-section:last-child {
  border:none
}
.hr-section-white {
  background:var(--white)
}
.hr-section-content {
  margin-bottom:4.5rem
}
.hr-section-content .hr-sub-titel h2 {
  font-size:18px;
  font-weight:400;
  color:var(--white);
  font-family:var(--font-02)
}
.hr-section-content .hr-titel {
  margin-bottom:.25rem
}
.hr-section-content .hr-titel h1 {
  font-weight:700;
  letter-spacing:-.5px;
  font-size:calc(1.325rem + .9vw)
}
.hr-section-content .hr-titel h3 {
  font-weight:500;
  font-size:40px;
  margin-bottom:20px;
  position:relative;
  font-family:var(--font-02);
  color:var(--color-6)
}
.hr-section-content .hr-titel h3 span {
  color:var(--color-3)
}
.hr-section-content .hr-text h3 {
  font-size:30px;
  line-height:30px;
  text-align:center;
  font-weight:600
}
.hr-section-content .hr-text .hr-span {
  font-size:16pt;
  color:var(--color-3);
  text-align:center;
  font-weight:500
}
.hr-section-content .hr-text p {
  margin-bottom:10px;
  font-size:16px;
  line-height:26px;
  color:#000;
  font-weight:400;
  text-align:justify
}
.hr-section-content .hr-btns-wrap {
  margin-top:2.5rem
}
.hr-section-content .hr-text p:last-child {
  margin-bottom:0
}
.hr-dark-section {
  background:var(--color-2)
}
.hr-dark-section .hr-titel h1 {
  color:var(--white)
}
@media screen and (max-width:992px) {
  .hr-section {
    padding-bottom:4.5rem;
    padding-top:4.5rem
  }
}
@media(max-width:576px){
  .hr-section {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
}