/* =========================================================
   HEADER
   ========================================================= */

.site-header {
  width: 100%;

  background: #ffffff;

  border-bottom: 1px solid rgba(23, 59, 43, 0.1);
}

.header-inner {
  width: 100%;

  max-width: 1400px;

  min-height: 125px;

  margin: 0 auto;

  padding: 15px 55px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 50px;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.main-navigation {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 42px;
}

.main-navigation a {
  position: relative;

  text-decoration: none;

  font-size: 17px;

  font-weight: 600;

  color: #173b2b;

  padding: 10px 0;

  transition: color 0.25s ease;
}

.main-navigation a::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 2px;

  width: 0;

  height: 2px;

  background: #b28a35;

  transition: width 0.25s ease;
}

.main-navigation a:hover {
  color: #b28a35;
}

.main-navigation a:hover::after {
  width: 100%;
}