/* ================================
   NAVBAR DESIGN - INDEX PAGE
================================ */

/* background */
.navbar {
    /*background: #000000;*/
    border-bottom: 1px solid rgb(119 236 165);
}

/* gradient line */
.navbar::after {
  background: linear-gradient(90deg, #877df680, #648bfe70, #ce6aefc4);
}

/* text color */
.nav-menu li a {
  color: #ddd;
}

/* hover */
.nav-menu li a:hover {
  color: #fff;
}

/* underline gradient */
.nav-menu li a::after {
  background: linear-gradient(90deg, #504f52, #afd973);
}

/* button */
.nav-btn {
  background: #facc15;
  color: #000;
}

.nav-btn:hover {
  background: #eab308;
}

/* dropdown */
.dropdown-menu {
      /*background: #09101c;*/
  /*background: #623d842e;*/
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.dropdown-menu li a:hover {
  background: rgba(255,255,255,0.05);
  color: #fff;
}

/*footer*/
/* REMOVE FROM COMMON */

.footer-cta {
  background: linear-gradient(90deg, #7bffd4, #43ddff, #ff69bf);
  color: #061018;
}

.footer {
  box-shadow: 3px 9px 20px 0px rgb(75 248 210), 1px 3px 20px #77eca5;
}

.footer-logo {
  background: linear-gradient(90deg, #7bffd4, #43ddff, #ff69bf);
  -webkit-background-clip: text;
  color: transparent;
}

.footer-text {
  color: #a7b2c8;
}

.footer-contact p {
  color: #cfd8e3;
}

.footer-social a {
  background: rgba(255, 255, 255, 0.05);
}

.footer-social a:hover {
  background: linear-gradient(135deg, #7bffd4, #43ddff);
  color: #000;
}

.footer-col h4 {
  color: #fff;
}

.footer-col ul li a {
  color: #a7b2c8;
}

.footer-col ul li a:hover {
  color: #f5f0fd;
}

.footer-col ul li a::after {
  background: linear-gradient(90deg, #504f52, #afd973);
}

.footer-bottom {
  border-top: 1px solid rgb(62 32 97);
}

.footer-bottom p {
  color: #8b95a7;
}

.footer-mini-links a {
  color: #8b95a7;
}

.footer-mini-links a:hover {
  color: #7bffd4;
}