/** Header Section **/

.client-logo {
  width: 170px;
}
@media (min-width: 992px) {
  .client-name-tag-section {
    position: relative;
    right: -115px;
  }
}
.client-name-tag-section-small {
  position: relative;
  right: -45px;
}
.client-name-logo {
  width: 250px;
}
.client-name-tag-logo {
  width: 175px;
}
.client-name-logo-small {
  width: 250px;
}
.client-name-tag-logo-small {
  width: 75px;
}

@keyframes flying {
  0% {
    transform: translateX(-200px) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(100px) translateY(-80px) rotate(-10deg);
  }
  50% {
    transform: translateX(300px) translateY(0) rotate(0deg);
  }
  75% {
    transform: translateX(500px) translateY(80px) rotate(10deg);
  }
  100% {
    transform: translateX(700px) translateY(0) rotate(0deg);
  }
}

@keyframes rotateWings {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

.navbar {
  /* padding: 15px; */
  position: sticky;
  /* background-color: var(--primary-background-color); */
}
.nav-container {
  width: 100%;
  height: 141px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 991px) {
  .nav-container {
    height: 100px;
  }
}
.nav-menu {
  list-style: none;
  margin: 0 2rem 0 0;
}
/* Add gap only for desktop */
@media only screen and (min-width: 992px) {
  .nav-menu {
    gap: 1rem;
  }
  .navbar-collapse {
    justify-content: end;
  }
}
.nav-menu .nav-link {
  text-decoration: none;
  color: var(--primary-text-color);
  font-size: 20px;
}

.nav-menu .nav-link.active {
  font-weight: 600;
  background-image: linear-gradient(138deg, #ec5228 -7.39%, #ffcf0d 171.36%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.contact-heading {
  font-family: "Agbalumo", sans-serif;
  color: #5e17eb;
}

.follow-us-heading {
  font-family: "Agbalumo", sans-serif;
  font-size: clamp(14px, 6vw, 24px);
  color: #773018;
  /* width: 50%; */
}

.footer-contact-icon {
  width: 8%;
  height: 8%;
}

@media (max-width: 1100px) {
  .client-logo {
    width: 100px;
  }
  .client-name-logo {
    width: 135px;
  }
  .nav-menu .nav-link {
  text-decoration: none;
  color: var(--primary-text-color);
  font-size: 14px;
}

}
@media (max-width: 1200px){
    .nav-menu .nav-link {
  text-decoration: none;
  color: var(--primary-text-color);
  font-size: 15px;
}
}