:root {
    --theme-color: #3d1a5c;
    --font-open:"Open Sans", sans-serif;
  }


.top-navbar {
  padding: 1rem 2rem;
  background-color: #3d1a5c;
  width: 100%;
  color: aliceblue;
  font-family: var(--font-open);
}
.navbar{
  /* width: 100%; */
  align-items: center;
}
#navbar-bottom{
  /* max-width: 100%; */

}
.top-nav-list {
  list-style: none;
  display: flex;
  padding-left: 0;
  gap: 1rem;
  align-items: center;
  margin-bottom: 0;
}
.top-nav-number-list {
  justify-content: flex-start;
}
.top-nav-social-list {
  justify-content: flex-end;
}
.top-nav-list li a i {
    /* border: 2px solid white;
    padding: 7px;
    border-radius: 50px; */
}

.nav-small-p {
  font-size: 13px;
}
.hover-green:hover {
  color: #84b367;
}

.logo img {
  width: 5rem;
}


.test-cont{
  border: 2px solid green;
}
.nav-button {
  background-color: var(--theme-color);
  color: aliceblue;
}

.navbar-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 3rem;
}


.nav-font-small{
    font-size: 14px;
    
}

@media (max-width: 600px) {
  .top-nav-social-list{
    display: none;
  }
  .top-nav-number-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

}

@media (max-width: 512px) {

.nav-small-p{
  text-wrap: nowrap;
}
}
@media (max-width: 375px) {

.top-navbar{
display: none;}
}