ul{
    list-style: none;
}

.nav1{
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__menu {
    display: none;
}

.nav__list, 
.nav__link {
  display: flex;
}

.nav__link {
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    color: var(--title-color);
    font-weight: 600;
  }

  .nav__list {
    justify-content: space-around;
    padding-left: 0px !important;
  }

  .nav__name {
    font-size: var(--tiny-font-size);
    /* display: none;*/ /* Minimalist design, hidden labels */
  }

  .nav__icon {
    font-size: 1.7rem;
  }

  .active-link {
    position: relative;
    color: var(--first-color);
    transition: .3s;
  }

  .scroll-header {
    box-shadow: 0 1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
  }

@media screen and (max-width: 767px) {
    .nav__menu {
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #f8e8f9;
      box-shadow: 0 -1px 12px #f8e8f9;
      width: 100vw;
      height: 64px;
      padding: 0 1rem;
      display: grid;
      align-content: center;
      border-radius: 1.25rem 1.25rem 0 0;
      transition: .4s;
    }
  }


@media screen and (max-width:320px)
{
    a{
        text-decoration: none;
    }

    .nav__name{
        display: none;
    }

    .w-md-100{
      width: 100%;
    }
}

.upLoadImageIcon{
  font-size: 2em;
  color: #0800ff;
  cursor: pointer;
  animation: pulse 1s infinite;
}

.boldText{
  font-weight: 600;
}