//$main-white-color: #FFFFFF;
//$footer-dark-black-color: #252525;
//$footer-light-black-color: #2E2E2E;
//$warm-grey-text-color: #A5A5A5;
//$warm-grey-background-color: #707070;

//@font-face {
//  font-family: "Source Sans SemiBold";
//  src: url("../../../assets/fonts/SourceSansPro-SemiBold.ttf") format("truetype");
//  font-weight: 600;
//  font-style: normal;
//  font-stretch: normal;
//  letter-spacing: normal;
//  text-align: left;
//}
//
//@font-face {
//  font-family: "Source Sans Regular";
//  src: url("../../../assets/fonts/SourceSansPro-Regular.ttf") format("truetype");
//  font-weight: normal;
//  font-style: normal;
//  font-stretch: normal;
//  letter-spacing: normal;
//  text-align: left;
//}

@font-face {
  font-family: "Hero New SemiBold";
  src: url("../../../assets/fonts/HeroNew/HeroNew-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
}

@font-face {
  font-family: "Hero New Regular";
  src: url("../../../assets/fonts/HeroNew/HeroNew-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
}

.upper__office-block--namibia {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;
  row-gap: 20px;
}

.upper__office-block--namibia h2 {
  grid-column: 1 / -1;
  margin: 0;
  padding-bottom: 8px;
  color: white;
}

.upper__office-block--namibia .upper__head-office,
.upper__office-block--namibia .upper__address {
  margin: 0;
}

.upper__office-block--namibia .upper__head-office p,
.upper__office-block--namibia .upper__address p {
  margin: 0 0 10px;
}

.upper__office-block--namibia .upper__head-office .text-style-semi-bold-16,
.upper__office-block--namibia .upper__address--address {
  margin-bottom: 14px;
  padding-bottom: 0;
}

.upper__office-block--namibia .upper__address .upper__address--address {
  margin-top: 0;
}

.text-style-semi-bold-20 {
  font-family: "Hero New SemiBold", sans-serif;
  font-size: 20px;
}

.text-style-semi-bold-16 {
  font-family: "Hero New SemiBold", sans-serif;
  font-size: 16px;
}

.text-style-regular-20 {
  font-family: "Hero New Regular", sans-serif;
  font-size: 20px;
}

.text-style-regular-16 {
  font-family: "Hero New Regular", sans-serif;
  font-size: 16px;
}

.text-style-regular-16 {
  font-family: "Hero New Regular", sans-serif;
  font-size: 16px;
}

.footer,
.footer__lower,
.footer__upper,
.sitemap__lists,
.lower__icons {
  display: flex;
}

.footer {
  flex-direction: column;
  color: white;
}

a {
  text-decoration: none;
  color: white;
  &:hover {
    color: var(--primary-catalyst-yellow-color);
  }
}


.upper__background {
  background-color: var(--primary-balanced-teal-color);
}

.lower__background {
  background-color: var(--primary-dark-teal-color);
}

.footer__upper {
  padding: 30px 0;
  display: flex;
  column-gap: 50px;
}

.footer__upper,
.footer__lower {
  width: 50%;
  margin: 0 auto;
}

h2 {
  margin: 0;
}

.upper__head-office {
  p:nth-child(2) {
    padding-bottom: 10px;
  }

  p {
    margin: 10px 0px;
  }
}

.upper__sitemap {
  h2 {
    padding-left: 20px;
  }
}

.upper__head-office,
.upper__sitemap {
  h2 {
    padding-bottom: 20px;
    color: white;
  }
}

.sitemap__lists {
  display: flex;
  column-gap: 100px;

  ul {
    list-style-type: none;

    li {
      padding-bottom: 10px;
    }
  }

  a {
    position: relative;
  }
}

.item__right-arrow {
  position: absolute;
  left: -25px;
  top: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
}

.upper__address {
  p {
    margin: 0;
    margin-bottom: 5px;
  }

  .upper__address--address {
    margin-top: 50px;
    padding-bottom: 10px;
  }
}

.footer__lower {
  justify-content: space-between;
}

.lower__text {
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}

.text__policies {
  color: white;
  display: flex;
  flex-direction: row;
  gap: 0 8px;

  a {
    &:hover {
      border-bottom: 1px solid white;
    }
  }
}

.text__copyright {
  color: white;
  margin: 8px 0;
}

.icons__facebook,
.icons__twitter,
.icons__linkedin {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0px 10px;
  //border-left: 1px solid $warm-grey-background-color;
  border-radius: 50%;

  img {
    width: 50px;
    height: 50px;
  }

  &:hover {
    background-color: transparent;
  }
}

ul li::before{
  display: none;
}