.background-arch {
  position: relative;
  margin-bottom: 6.6666666667rem;
}
.background-arch__content {
  margin-bottom: -10rem;
}
.background-arch__arch {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-primary {
  background-color: #7DFAC2;
  border-color: #7DFAC2;
  color: #090A0C;
}
.button-primary:hover, .button-primary:active, .button-primary:focus {
  background-color: rgb(88.8888888889, 248.6111111111, 177.0555555556) !important;
  border-color: rgb(88.8888888889, 248.6111111111, 177.0555555556) !important;
  color: #090A0C !important;
}

.button-outline-primary {
  border-color: rgb(8.3333333333, 216.6666666667, 123.3333333333);
  color: #090A0C;
}
.button-outline-primary:hover, .button-outline-primary:active, .button-outline-primary:focus {
  background-color: rgb(8.3333333333, 216.6666666667, 123.3333333333) !important;
  border-color: rgb(8.3333333333, 216.6666666667, 123.3333333333) !important;
  color: #FFFFFF;
}

.card-display-picture {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.card-display-picture--gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.56%, rgb(0, 0, 0) 95.3%);
  z-index: 0;
}
.card-display-picture--text-content {
  z-index: 1;
}

.card-case-study {
  position: relative;
}
.card-case-study__text-content {
  z-index: 2;
}
.card-case-study__img-placeholder {
  height: 10rem;
}
.card-case-study__img {
  height: 16rem;
  position: absolute;
  bottom: -4rem;
  right: -4rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .card-case-study__img {
    right: -7rem;
    height: 17rem;
  }
}
@media (min-width: 992px) {
  .card-case-study__img {
    height: 20rem;
  }
}

.hero-background-image {
  position: relative;
  background-image: url("./../../../src/assets/images/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
@media (min-width: 768px) {
  .hero-background-image::before {
    background-color: rgba(0, 0, 0, 0.3);
  }
}

.hero-logo-image {
  max-width: 100%;
  height: 7.5rem;
}
@media (min-width: 992px) {
  .hero-logo-image {
    height: 9rem;
  }
}

.background-color-primary {
  background-color: #7DFAC2 !important;
}

.text-color-primary {
  color: #7DFAC2 !important;
}

.background-color-primary-light {
  background-color: rgb(235.5, 254.25, 245.85) !important;
}

.text-color-primary-light {
  color: rgb(235.5, 254.25, 245.85) !important;
}

.background-color-primary-dark {
  background-color: rgb(8.3333333333, 216.6666666667, 123.3333333333) !important;
}

.text-color-primary-dark {
  color: rgb(8.3333333333, 216.6666666667, 123.3333333333) !important;
}

.background-color-primary-darker {
  background-color: rgb(5.5555555556, 144.4444444444, 82.2222222222) !important;
}

.text-color-primary-darker {
  color: rgb(5.5555555556, 144.4444444444, 82.2222222222) !important;
}

.background-color-secondary {
  background-color: #EBF5EE !important;
}

.text-color-secondary {
  color: #EBF5EE !important;
}

.background-color-secondary-light {
  background-color: rgb(238, 246.5, 240.55) !important;
}

.text-color-secondary-light {
  color: rgb(238, 246.5, 240.55) !important;
}

.background-color-secondary-dark {
  background-color: rgb(187, 221, 197.2) !important;
}

.text-color-secondary-dark {
  color: rgb(187, 221, 197.2) !important;
}

.background-color-gray-000 {
  background-color: #FFFFFF !important;
}

.text-color-gray-000 {
  color: #FFFFFF !important;
}

.background-color-gray-100 {
  background-color: #F3F5F6 !important;
}

.text-color-gray-100 {
  color: #F3F5F6 !important;
}

.background-color-gray-200 {
  background-color: #D0D5DC !important;
}

.text-color-gray-200 {
  color: #D0D5DC !important;
}

.background-color-gray-300 {
  background-color: #A1ABBA !important;
}

.text-color-gray-300 {
  color: #A1ABBA !important;
}

.background-color-gray-400 {
  background-color: #68768D !important;
}

.text-color-gray-400 {
  color: #68768D !important;
}

.background-color-gray-500 {
  background-color: #454E5E !important;
}

.text-color-gray-500 {
  color: #454E5E !important;
}

.background-color-gray-600 {
  background-color: #343A46 !important;
}

.text-color-gray-600 {
  color: #343A46 !important;
}

.background-color-gray-800 {
  background-color: #1A2023 !important;
}

.text-color-gray-800 {
  color: #1A2023 !important;
}

.background-color-gray-900 {
  background-color: #090A0C !important;
}

.text-color-gray-900 {
  color: #090A0C !important;
}

.background-color-link {
  background-color: #3498db !important;
}

.text-color-link {
  color: #3498db !important;
}

.background-color-success {
  background-color: #2ecc71 !important;
}

.text-color-success {
  color: #2ecc71 !important;
}

.background-color-warning {
  background-color: #f39c12 !important;
}

.text-color-warning {
  color: #f39c12 !important;
}

.background-color-danger {
  background-color: #e74c3c !important;
}

.text-color-danger {
  color: #e74c3c !important;
}

.background-color-info {
  background-color: #1abc9c !important;
}

.text-color-info {
  color: #1abc9c !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.mx-n1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.mx-n3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.mx-n4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

.me-n5 {
  margin-right: -3rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

.ms-n5 {
  margin-left: -3rem !important;
}

.mx-n5 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.my-n5 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.m-n01 {
  margin: -0.1rem !important;
}

.mt-n01 {
  margin-top: -0.1rem !important;
}

.me-n01 {
  margin-right: -0.1rem !important;
}

.mb-n01 {
  margin-bottom: -0.1rem !important;
}

.ms-n01 {
  margin-left: -0.1rem !important;
}

.mx-n01 {
  margin-left: -0.1rem !important;
  margin-right: -0.1rem !important;
}

.my-n01 {
  margin-top: -0.1rem !important;
  margin-bottom: -0.1rem !important;
}

@media (min-width: 768px) {
  .height-md-15 {
    height: 15rem !important;
  }
}
.height-15 {
  height: 15rem;
}

@media (min-width: 768px) {
  .height-md-20 {
    height: 20rem !important;
  }
}
.height-20 {
  height: 20rem;
}

.font-size-sm {
  font-size: 0.85rem !important;
}

.user-select-none {
  user-select: none;
}

.width-5 {
  width: 5rem !important;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  color: #090A0C;
}

/*# sourceMappingURL=main.css.map */