body {
  color: #3e3e3d;
}

p {
  font-family: karlaLight;
  font-size: 2rem;
  line-height: 120%;
}

.container-section {
  margin: 6rem auto;
}

.h1-border {
  padding-bottom: 2rem;
  border-bottom: 2px solid #fff;
}

.h1-border-sm-container {
  display: none;
}

.lander-container {
  min-height: 100vh;
  min-height: 100dvh;
  height: auto;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("/static/images/au-landing-back.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lander-container .container {
  min-height: inherit;
  height: 100%;
}

.lander-container .lander-content {
  min-height: inherit !important;
  height: 100% !important;
}

.lander-content {
  height: 100%;
  width: 100%;
}

.lander-content h1 {
  font-family: helvBold;
  font-size: 7rem;
  padding-left: 10%;
  color: #fff;
}

.aboutUs-container {
  max-width: 80%;
  margin: 6rem auto;
}

.aboutUs-container h2 {
  font-size: 8.2rem;
  margin-bottom: 4rem;
}

.aboutUs-container p {
  max-width: 90%;
}

.impact {
  background-image: url("/static/images/scripting-impact.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 6rem 0px;
}

.impact h2,
.impact h4 {
  color: #fff;
}

.impact h2 {
  font-size: 8.8rem;
  font-family: helvLight;
}

.impact h4 {
  font-size: 3rem;
  font-family: helvLight;
}

.beyond-container h2 {
  font-size: 8.6rem;
}

.beyond-container h3,
.beyond-container h4 {
  font-size: 3rem;
}

.beyond-container h3 {
  font-family: helvBold;
  margin-bottom: -0.5rem;
}

.beyond-container h4 {
  font-family: helvLight;
}

.beyond-container p {
  margin-top: 3rem;
  max-width: 68%;
}

.beyond-row {
  margin-top: 4rem;
}

.arc-wrapper {
  background-color: #80b53f;
  padding-top: 5em;
  overflow: hidden;
}

#milestones-head,
#core-head {
  color: #fff;
}

#milestones-hr,
#core-hr {
  color: #fff;
  background-color: #fff;
  border: 1px solid #fff;
}

.arc-container {
  width: 100%;
  height: 40rem;
  margin: auto;
  z-index: 1;
}

.carousel-arc-container {
  position: relative;
  width: 100%;
  z-index: 999;
}

.carousel-arc-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  margin-left: -15%;
}

#carousel-text {
  z-index: 1100;
  transition: transform 0.6s;
}

#carousel-back {
  z-index: 1000;
}

#arcc1,
#arcc2,
#arcc3,
#arcc4,
#arcc5,
#arcc6 {
  cursor: pointer;
  color: #fff;
  transition: r 0.5s;
}

#arcca1,
#arcca2,
#arcca3,
#arcca4,
#arcca5,
#arcca6,
#arcca7,
#arcca8,
#arcca9 {
  cursor: pointer;
  font-family: karlaBold;
  color: #fff;
  font-size: 60px;
  transition: transform 0.6s, font-size 0.4s;
}

#arcca2,
#arcca4 {
  font-size: 100px;
}

#arcca3 {
  font-size: 160px;
}

#Layer_1 {
  margin-top: -8em;
  z-index: 99;
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7 {
  fill: #fff !important;
  z-index: 99;
}

#slide-box-container {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: absolute;
  top: 44%;
  z-index: -1;
  left: 0%;
  transition: opacity 0.5s;
}

.box {
  position: absolute;
  color: #fff;
  font-family: karlaLight;
  min-width: 280px;
  text-align: center;
  left: 46%;
  margin-left: -25%;
  z-index: 990;
  font-size: 2.4em;
}

#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8,
#box9 {
  left: 25%;
  width: 100%;
  text-align: center;
  z-index: -1;
}

#box1 p,
#box2 p,
#box3 p,
#box4 p,
#box5 p,
#box6 p,
#box7 p,
#box8 p,
#box9 p {
  max-width: 50%;
  margin: auto;
  text-align: center;
  color: #fff;
  font-family: karla;
}

.vision-container h2 {
  font-size: 4.2em;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 1.4em;
}

.vision-container .color-bold-green {
  font-family: karlaMid;
}

.vision-list {
  list-style: none;
}

.vision-list li {
  margin-bottom: 1rem;
  position: relative;
}

.vision-list li::before {
  position: absolute;
  content: "•";
  top: 0%;
  left: -2%;
  font-size: 2rem;
  color: #80b53f;
}

.vision-list p {
  margin: 0;
}

.core-wrapper {
  background-color: #80b53f;
  color: #fff;
}

.core-parent {
  margin-top: 2em;
}

.core-child {
  margin-bottom: 3em;
}

.core-child img {
  height: 5.4em;
  margin-right: 2em;
}

.core-child h4 {
  font-size: 2.8rem;
  margin-bottom: 4rem;
  font-family: helvBold;
  color: #fff;
}

.core-child h5 {
  font-size: 2.4rem;
  margin-bottom: 0.6rem;
  color: #fff;
  font-family: helvBold;
}

.core-child p {
  font-size: 2rem;
  color: #fff;
  max-width: 90%;
  font-family: karlaLight;
}

.core-text,
.beyond-text {
  transform: translate(0, 6em);
  opacity: 0;
  transition: opacity 0.3s, transform 0.7s;
}

.core-container {
  padding: 5rem 0 1rem 0;
  margin-bottom: 0;
}

/* Media Queries */
@media only screen and (max-width: 991px) {
  .beyond-container p {
    max-width: 70%;
  }

  #arcca1,
  #arcca2,
  #arcca3,
  #arcca4,
  #arcca5,
  #arcca6,
  #arcca7,
  #arcca8,
  #arcca9 {
    font-size: 140px;
  }

  #arcca2,
  #arcca4 {
    font-size: 150px;
  }

  #arcca3 {
    font-size: 178px;
  }

  .core-parent {
    transform: translate(0, 0);
  }

  .header-search {
    margin-right: -3.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .core-child {
    width: 100%;
    margin-top: 2.4rem;
  }

  .core-child-empty {
    display: none !important;
  }

  .arc-wrapper {
    padding-top: 7em;
  }

  .arc-wrapper .container {
    transform: translate(0, -2em);
  }

  .arc-container {
    height: 30rem;
  }

  .beyond-container p {
    max-width: 80%;
  }

  .beyond-row {
    margin-top: 0px;
  }

  .beyond-child {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 575px) {
  .challenge-child {
    width: 100%;
  }

  .arc-wrapper {
    padding-top: 9em;
  }

  .arc-wrapper .container {
    transform: translate(0, -4em);
  }

  .arc-container {
    width: 100%;
  }

  #slide-box-container {
    left: 0%;
    top: 45%;
  }

  #box1 p,
  #box2 p,
  #box3 p,
  #box4 p,
  #box5 p,
  #box6 p,
  #box7 p,
  #box8 p,
  #box9 p {
    font-size: 2rem !important;
    max-width: 70% !important;
  }

  .carousel-arc-container > * {
    width: 150%;
    margin-left: -25%;
  }

  .navbar a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 501px) {
  .h1-border-sm-container {
    display: inline;
  }

  .h1-border-lg-container {
    display: none;
  }
}

@media only screen and (max-width: 476px) {
  .box {
    font-size: 1.4rem;
  }

  .arc-container {
    height: 24rem;
  }

  #box1 p,
  #box2 p,
  #box3 p,
  #box4 p,
  #box5 p,
  #box6 p,
  #box7 p,
  #box8 p,
  #box9 p {
    max-width: 80% !important;
  }

  .carousel-arc-container > * {
    width: 165%;
    margin-left: -33.5%;
  }
}

/*# sourceMappingURL=aboutUs.min.css.map */