header {
  height: 130px;
  border-bottom: 1px solid #ebebeb
}

header.active_nav {
  height: 130px;
}

header a {
  color: var(--black);
}


li a {
  padding: 55px 0px;
  text-decoration: none;
}

.nav-bar a {
  text-decoration: none;
  color: var(--black);
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  padding: 0 10px;
}

.nav-bar a::after {
  content: "";
  position: absolute;
  background-color: var(--main-color);
  height: 1.5px;
  width: 0;
  left: 0;
  bottom: -56px;
  transition: 0.3s;
}

.nav-bar a:hover::after {
  width: 100%;
  color: var(--white);
}

.nav-bar .nav-about a::after {
  width: 100% !important;
}

.logo_coral {
  border: none !important
}

#logo_menu {
  border: none !important;
  display: block;
}

.nav-bar-content {
  display: none;
}

.active_nav {
  background-color: white;
  transition: .3s;
}

.top-page-title h2 {
    color: var(--main-color);
    font-size: 78px;
    font-weight: 700;
    line-height: 53px;
    font-family: 'Aeonik Pro Bold';
}

.top-page {
    display: flex;
    align-items: flex-end;
    margin: 285px auto 135px auto;
}

.top-page-content {
  max-width: 1296px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto
}

.split-bg .left-reverse {
    margin: 0;
    align-items: inherit;
}

    .split-bg .left-reverse .split-bg-left {
        order: 1;
    }

    .split-bg .left-reverse .split-bg-right {
        border-radius: 20px 0px 0px 20px;
    }

    .split-bg .left-reverse .bg-split-bg img {
        border-radius: 0px 20px 20px 0px;
    }
/* split-bg section */

.split-bg-space {
  margin-top: 20px;
  margin-bottom: 50px;
}

.split-bg-left {
  flex-grow: 1;
  flex-basis: 0;
}

.bg-split-bg {
  width: 100%;
  height: 100%;
}

.split-bg-right {
  background-color: var(--main-color);
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.logo_small {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.split-bg-right .label {
  color: var(--white);
  margin-bottom: 30px
}

.split-bg .link {
  margin: 0 0 50px 50px;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  color: var(--white);
}

.split-bg a {
  border-bottom: none;
}

.link img {
  width: 23px;
  height: 22px;
}


/* facts section */

.facts .facts__container>div {
  min-height: 549px;
  padding: 40px 30px 30px;
  display: flex;
  min-width: 339px;
  height: auto;
}

.facts-text img {
  width: 119px;
  height: auto;
  margin-bottom: 30px;
}

.facts-large img {
  width: 19px;
  margin-bottom: 20px;
}

.quotes_red img {
  width: 19px;
  margin-bottom: 20px;
}

.box1 {
  background-color: #C8E8E8;
  align-self: flex-start;
  color: #005050;
  width: 100%;
}

.box2 {
  background-color: #D6E3FF;
  align-self: flex-end;
  color: #393973;
  width: 100%;
}

.box3 {
  background-color: #FFD9D6;
  align-self: center;
  color: #691318;
  width: 100%;
}

.facts-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.box1 p {
  color: #005050;
}

.box2 p {
  color: #393973;
}

.box3 p {
  color: #691318;
}

.facts hr {
  margin: 30px -30px 30px;
}

.box1 hr {
  background-color: rgba(0, 80, 80, 1);
  border: 1px solid rgba(0, 80, 80, 1);
}

.box2 hr {
  background-color: rgba(57, 57, 115, 1);
  border: 1px solid rgba(57, 57, 115, 1);
}

.box3 hr {
  background-color: rgba(105, 19, 24, 1);
  border: 1px solid rgba(105, 19, 24, 1);
}

/* split section */
.left-reverse {
  flex-direction: column;
  align-items: flex-end;
  order: 1;
  margin: 0 50px;
}

.left-reverse {
  flex-direction: column;
  align-items: flex-start;
}

.left-reverse a {
  color: var(--black);
}

.split-text h3 {
  max-width: 498px;
  color: var(--black);
  margin-bottom: 20px;
  margin-top: 30px;
}

.split-text .caption {
  color: var(--black);
  opacity: 0.7;
  max-width: 578px;
}



/* navigationUI section */

.navigationUI-text a {
  border-bottom: none;
}

/* footer */



@media screen and (max-width: 1445px) {
  .top-page {
    margin-left: 60px;
    margin-right: 60px;
  }
}

@media screen and (max-width: 992px) {
  .hamburger .line {
    background-color: var(--black);
  }

  .is-open .hamburger .line {
    background-color: var(--white);
  }
  .nav-bar-content {
    display: flex;
  }

  .active_nav .line {
    background-color: var(--white);
  }

  header.active_nav{
      height: auto;
  }

  .nav-bar ul li a {
    color: var(--white);
  }

  .top-page {
    margin: 15px 30px 50px 30px;
    min-height: auto;
  }

  .top-page-content {
    margin: 182px auto 40px;
  }

  .top-page-title h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 41px;
    line-height: 51px;
}

  .navigationUI .navigationUI__container>div {
    min-height: 222px;
    height: 222px;
    padding: 40px 18px !important;
  }

  .split-bg-space {
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .split-bg .link {
    margin: 0 0 50px 16px;
  }

  .left-reverse {
    margin: 30px 0 0 0;
  }

  header {
    padding: 27px 0px;
    border-bottom: none;
    height: auto;
  }


  .active_nav {
    background-color: transparent;
  }

  #logo_menu {
    width: 100px;
  }

  .active_nav .logo_coral {
    display: none;
  }

  .active_nav .full-width {
    justify-content: flex-end;
  }
}